Alinear a la izquierda y alinear a la derecha el texto en la misma línea | Programar Plus

A veces puede resultar útil alinear parte del texto a la izquierda y alinear parte del texto a la derecha en la misma línea. Por ejemplo, en un pie de página, donde es posible que desee tener la información de derechos de autor a la izquierda y la información del webmaster a la derecha. Así es como puede querer su HTML:

<div id="textbox">
  <p class="alignleft">Text on the left.</p>
  <p class="alignright">Text on the right.</p>
</div>

Si tuviera que dar a sus clases CSS los valores alignleft y alignright de text-align: left; y text-align: right; respectivamente, se acercaría al resultado deseado, pero su texto alineado a la derecha se desplazaría una línea hacia abajo debido al nuevo párrafo. En su lugar, simplemente haga flotar sus párrafos:

.alignleft {
	float: left;
}
.alignright {
	float: right;
}

Entonces recuerde limpiar su flotador:

<div style="clear: both;"></div>

leftandright.png

Ver demostración

(Visited 34 times, 1 visits today)