css flexbox üç div tag yan yana

CSS’de eskiden float komutu ile elemanları sağa sola diziyorduk. Günümüzde gelişen teknolojiyle beraber bunu flexbox ile yapmak mümkündür.

.kapsayan {
  display: flex;
}
.kapsayan > div {
  flex: 1; /*kapsayan içindeki div etiketini eşit büyük*/
}

<div class="kapsayan">
      <div>Sol div</div>
      <div>Orta div</div>  
      <div>Sağ div</div>
    </div>