Estou com duas dúvidas, vejam esta imagem:
Minhas dúvidas são:
1) Estou usando o seguinte HTML:
<header>
<img src="images/logo.png" alt="Logotipo">
<p>Minha carteira</p>
<p>Saldo: R$500,00</p>
<nav></nav>
</header>
P seria a tag mais semântica para colocar as frases “Minha carteira” e “Saldo: R$500,00” uma embaixo da outra e ao lado da imagem?
2) Como colocar as frases “Minha carteira” e “Saldo: R$500,00” uma embaixo da outra e ao lado da imagem? Tentei com o Float, mas não estou sabendo como colocar a segunda frase. Só consegui a primeira.
Meu CSS
:
html{
font-size: 120%;
}
header{
background-color: #F00;
padding: 1em;
}
header img{
float: left;
}
header p{
float: left;
}
header nav{
clear: both;
}