Tecnología

Inicio

Cómo alinear texto a la izquierda en HTML

Cómo alinear texto a la izquierda en HTML


Cascading Style Sheet, o CSS, código define cómo los navegadores muestran la alineación del texto en las páginas Web. Antiguo alinear los atributos y los cortes de mesa se hizo obsoleto después de la liberación de HTML 4. El uso de CSS, puede alinear el texto dentro de su elemento HTML o mover todo el elemento hacia la izquierda o derecha de la página, dependiendo de sus necesidades. Se puede aplicar una alineación de texto a cualquier elemento HTML que contiene texto, como párrafos, tablas y divs enteros.

Instrucciones

1 Abra el archivo HTML en un editor de su elección, tales como HTML-Kit, jEdit o Notepad ++. Bloc de notas de Windows también funciona, pero Microsoft Word no es adecuado para la edición de HTML. Encontrar el bloque de texto que desea alinear a la izquierda. Tenga en cuenta las balizas al principio y al final del bloque de texto. Usted verá algo como esto:

<P> Aquí es un poco de texto. </ P>

2 Abrir el archivo CSS de su sitio web o encontrar el <style> y </ style> hacia la parte superior de su archivo HTML. Si su sitio no tiene archivo CSS y no hay <style>, agregue el <style> y </ style> entre <head> y </ head> etiquetas. Su código CSS va entre esas etiquetas o directamente en el archivo CSS. Aquí está el código para alinear el texto a la izquierda:

-tag nombre {text-align: left;}

Cambio "etiqueta de nombre" al nombre de la etiqueta, como "p" para <p>.

3 Añadir un atributo ID de la etiqueta si desea que sólo ese punto concreto de la página para alinear a la izquierda. El código podría tener este aspecto:

<P id = "id-name"> Aquí es un poco de texto. </ P>

Cambiar "id-nombre" al nombre que desea dar a la etiqueta <p>. Cambiar el código CSS a lo siguiente:

etiqueta de nombre # id-nombre {text-align: left;}

4 Añadir "float: left;" para mover todo el elemento HTML a la izquierda de la página. Esto es útil si necesita un cuadro de texto de un ancho definido para aparecer a la izquierda de otro texto, similar a los apartes que se encuentran en artículos de revistas. El elemento HTML es lo que su etiqueta HTML crea en el navegador, por lo que <p> crea un elemento de párrafo. Aquí está el código CSS cambiado:

Tag-nombre # id-nombre {float: left; text-align: left;}

Consejos y advertencias

  • Un elemento flotante en la página veces hace que el diseño se rompa. Si otro elemento flota hacia arriba donde no debe, darle la regla "clear: both" en el CSS para que la fuerza hacia abajo.