Por padrão as DIVs criam seções uma abaixo da outra🤔, hoje trago uma informação sobre alinhamento de DIVs lado a lado horizontalmente:
Basta criar uma classe nas DIVs do bloco que você quer fazer o alinhamento, como no exemplo:
<div class="s1">.</div>
<div class="s1">.</div>
<div class="s1">.</div>
<div class="s1">.</div>
<div class="s1">.</div>
<div class="s1">.</div>
<div class="s1">.</div>
<div class="s1">.</div>
No exemplo acima as DIVs fazem parte da classe s1.
Basta agora configurar o alinhamento com o atributo display e o atributo inline-block no CSS:
.s1{
display: inline-block;
}
Logo ao fazer a alteração as DIVs passam a ser organizadas lado a lado.
😉 Até a próxima.
