Um dos meus blockquotes, o cite não quer ficar com float righ.
O segundo mais precisamente;
Alguém entende porque?
Solucionado
Um dos meus blockquotes, o cite não quer ficar com float righ.
O segundo mais precisamente;
Alguém entende porque?hoje, com a Alura e o Google Gemini
Maria, coloca o teu código aqui pra facilitar
Devido ao tamanho do elemento (250px) no meu exemplo, ele ficou à direita, mas como o cite tinha um width de 172px + os 20px de cada lado, totalizou 212px. Visualmente, não dá muito pra notar, mas de fato, ele foi empurrado para a direita. Tente aumentar o width do blockquote no console do navegador para ver se de fato não foi aplicado o float nele.
CSS
.block-cite-fiat{
float: right;
}
.block-cite-petrobras{
float:left;
}
cite{
font-style: italic;
float: right;
} <blockquote class="block-quotes block-cite-fiat">
<p>João é o melhor desenvolvedor front-end com quem já trabalhei. Muito eficiente e muito capaz. Recomendo sem dúvidas!</p>
<cite>José Souza, Fiat</cite>
</blockquote>
<blockquote class="block-quotes block-cite-petrobras">
<p>João domina as tecnologias como ninguém. Eu apresentava um problema, ele tinha na ponta da língua a solução mais adequada com as tecnologias mais recentes.</p>
<cite>Manoel Santos, Petrobrás</cite>
</blockquote>Maria,
Processei seu código e de fato, o cite do segundo também foi para a direita. Como eu disse logo acima, aparentemente, pelo tamanho do width do blockquote, fica parecendo que nada mudou para o cite. Proponho o seguinte teste: altere o css com o seguinte código:
blockquote {
...
width: 500px;
...
}Você verá que seu cite foi para a direita.
Abraços e bons estudos!
Bruno Lindoso,
Obrigada pela sua ajuda. Deu certo. Desculpe qualquer coisa.
Abraços!
Maria, Imagina! Estamos todos no mesmo barco e é comum temos dúvidas! Abraços e bons estudos!