fbpx

Float en Textos con CSS

float text

Hemos visto cómo flotar textos sobre imágenes, pero no muchas veces se ve como usar Float en Textos con CSS.

Creamos dos párrafos encerrados en la etiqueta <p>.

Podemos utilizar el texto «Lorem» que se crea con el snippet que trae el Sublime Text o cualquier otro es bueno.

 

Creamos 2 clases en nuestro archivo de Hojas de Estilo, una llamada texto1 y la otra texto2.

Ambas clases tendrán un ancho del 50%.

La primer clase la flotamos a la izquierda.

 

Hasta este punto notarás que en la parte superior existe cierta diferencia en el centrado, esto es debido a que es necesario agregar una línea más en la segunda clase:

 

display: inline-block;

 

De esta manera nos evitamos el espacio superior que se genera en la clase que flotamos.

 

 

Aparte de este gran tema «Float en Textos con CSS», chécate también cómo centrar bloques!.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.