css-inline-block

Satır içi blok değeri
Tarayıcı genişliğini dolduran ve özelliği (tarayıcı yeniden boyutlandırıldığında) güzelce tamamlayan bir kutu ızgarasının oluşturulması uzun süre mümkün olmuştur float.
Bununla birlikte, mülkün inline-block değeri displaybunu daha da kolaylaştırır.
Satır içi blok elemanları satır içi elemanlar gibidir ancak genişlik ve yüksekliğe sahip olabilirler.
Eski yol - kullanırken float( clear kayan kutuların ardından öğe için bir özellik belirtmeniz gerektiğine dikkat edin ):
.floating-box {
float: left;
width: 150px;
height: 75px;
margin: 10px;
border: 3px solid #73AD21;
}
.after-box {
clear: left;
}
Aynı etki inline-block, display mülkün değerini kullanarak da başarılabilir (herhangi bir clearmülk gerekmediğine dikkat edin):
.floating-box {
display: inline-block;
width: 150px;
height: 75px;
margin: 10px;
border: 3px solid #73AD21;
}