freeCodeCamp/guide/spanish/miscellaneous/html-and-css-cheat-sheet/index.md

title	localeTitle
HTML and CSS Cheat Sheet	HTML y CSS Cheat Sheet

Esta es una página que (con suerte) crecerá para cubrir las soluciones básicas y simples de HTML y CSS.

Por favor agregue a sus soluciones alternativas si conoce una forma diferente.

Haciendo una regla horizontal <hr> más pequeña

    hr { 
      width: 75%; 
      margin-left: auto; 
      margin-right: auto; 
    } 

Dando un fondo <div> sin desplazamiento

    #divName { 
      padding-top: 50px; 
      height: 500px; 
      color: #fff; 
      background-image: url("your_url.jpg"); 
      background-repeat: no-repeat; 
      background-attachment: fixed; 
      background-size: 100%; 
    } 

Prueba diferentes valores para ver cómo afecta el div y más en el html

<div id="divName" class="container-fluid"> 

Alineación vertical (para una línea de texto)

Esto puede ser de uso en un menú de navegación CSS. La clave es hacer que la altura del menú y la altura de la línea del texto sean iguales. css .nav li{ line-height:50px; height:50px; } Más trucos aseados se pueden encontrar aquí

Centrar una lista horizontal

http://csswizardry.com/2011/01/create-a-centred-horizontal-navigation/

Secciones y esquemas de un documento HTML

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Sections y esquemas de un documento HTML5