CSS text-align generator

Explore text-align with controls for text direction and logical or physical alignment. When using justify, you can also test text-justify and copy the generated CSS.

BaselineLab ayuda a probar propiedades de CSS moderno con controles visuales, una previsualización inmediata y el código listo para copiar en cualquier proyecto web.

HTML

<div class="text-align" dir="ltr">
  <p>
    CSS logical alignment lets the same component adapt to different writing
    directions while preserving readable text flow.
  </p>
</div>

CSS

.text-align {
  text-align: start;
}