Alinhamento de Texto Simples

[mruoppolo 14]

Olá, tudo bem?

 

Preciso alinhar um texto igual a imagem a seguir, porém não estou sabendo como fazer isso:

 

 

Como eu posso fazer??

 

 

Muito obrigado :D

[L. Henrique 179]

Existe a propriedade <small> do HTML que pode ser usada dentro de outra tag para simular o efeito do ,90. Veja um exemplo que preparei aqui: JSFiddle.

Abraços!

[mruoppolo 14]

Então L. Henrique, meu problema não é bem o <small> e sim a parte do R$ deixar menor é fácil o dificil ta sendo jogar o R$ lá pra cima kkkkk

 

Valeu

[L. Henrique 179]

Ops... Passou despercebido ahushuahsuhaushua Pra isso você pode usar a propriedade: vertical-align: top;

 

Veja o exemplo atualizado: JSFiddle.

 

Caso queira ver o código antes do demo:

<div class="preco">
  <p>
     <span>R$</span>
     <span>80</span><small>,90</small>
  </p>
</div>

.preco p { font-size: 0.5em; }
.preco p span:nth-child(2) { font-size: 4em; }

.preco p span:nth-child(1) {
  vertical-align: top;
}

Abraços!

[mruoppolo 14]

Opa, era isso mesmo auehaueh.

 

Valeu brother