Como faço para uma div ficar do lado da outra?

Como faço para uma div ficar do lado da outra?

Posicionando uma div do lado de outra: prática

1. div {
2. width: 100px;
3. height: 100px;
4. }
5. #div1 {
6. background-color: magenta;
7. }
8. #div2 {

Como deixar lado a lado no CSS?

Isso pode ser feito facilmente utilizando a propriedade flexbox do CSS. E é no CSS que a mágica acontece! Eu vou selecionar a barra de navegação e atribuir a propriedade display: flex para que os elementos fiquem alinhados lado a lado.