Cómo tratar un bloque de texto en HTML como irrompibles

HTML tiene dos clases principales de elementos: en línea y bloque. Los elementos en línea, tales como una cita, una imagen o un enlace, se apilarán de lado a lado hasta que se llenan una página. Por ejemplo, las imágenes se ordenarse al lado del otro en su monitor a menos que se colocan dentro de un elemento de bloque, como un párrafo o una división. Los elementos de bloque contienen elementos tales como texto, o incluso elementos en línea, tales como imágenes y fluirán hacia abajo la página de arriba a abajo; no van a arreglar al lado del otro a no ser que los obligan a las columnas.

Instrucciones

1 Coloque el bloque de texto dentro de un elemento de párrafo mediante la colocación de una etiqueta "<p>" delante del texto y un "</ p>" etiqueta cuando se termina el texto. Este contiene el texto de un párrafo, lo que evitará que cualquier elemento que se coloquen junto a él a menos que coloque a propósito del texto de una columna.

2 Mover cualquier elemento no textual, como imágenes o reglas, fuera del elemento párrafo moviendo fuera de los "<p>" y "</ p>" etiquetas. Los elementos en línea pueden sentarse dentro de los párrafos e interrumpir el flujo del texto, a menos que los mueva fuera del contenedor párrafo.

3 Colocar un recipiente división en torno a la sección de texto, y alrededor de las imágenes y otros elementos que acompañan el texto, mediante la colocación de una etiqueta "<div>" alrededor de ellos y terminando con una etiqueta "</ div>". La división contendrá los elementos y bloquearlos en su lugar en su formato para que los elementos siempre van a aparecer juntos en la pantalla.