Ir para o conteúdo
inez29

como resolver : circulo com elemento no meio

Mensagens Recomendadas

inez29

Boa noite! Estou com uma dificuldade enorme em fazer um circulo border-radius:50% com um elemento centralizado dentro do circulo no caso um texto

exemplo:n <div class="price">$40</div>, como eu coloco $40 no meio do circulo no css? não estou conseguindo centraliza-lo! Obrigada a todos

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
tiago.f

Não consigo testar agora mas acho que com

line-height: Xpx;
text-align: center;

deves conseguir.

Onde X é igual à height do teu div..

Editado por tiago.f

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
Th3Alchemist

Se não quiseres depender de valores fixos (line height = div height de acordo com a font-size... see the problem?):

 display: table-cell;
 text-align: center;
 vertical-align: middle;

Exemplo prático: https://jsfiddle.net/r5gdm0yr/2/

O texto assim centra-se independentemente do tamanho da letra e altura da div...

Editado por Th3Alchemist

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.