JSFiddle - React, Tailwind, and code Playground

by Fernando Leal

HTML

<div>
    <h3>O efeito que quero é o label (paragrafo aqui no caso) com tamanho fixo e o texto alinhado a direito</h3>
    <p>Alinhamento default</p>
    <p class="center">Alinhamento centro</p>
    <!-- esse é o efeito que quero -->
    <p class="right">Alinhamento direita</p>
    <p class="left">Alinhamento esquerda</p>
</div>

CSS

p{
    width: 100%;
    border: 1px solid black;
}
p.center{
    text-align: center;
}
p.left{
    text-align: left;
}
p.right{
    background-color: #FFFF00;
    text-align: right;
}