Форумы портала PHP.SU :: Версия для печати :: непонятное поведение блока

1. DlTA - 26 Февраля, 2016 - 10:08:21 - перейти к сообщению

сделано на html5 или типа того

CODE (html):
скопировать код в буфер обмена

 
 
<style>
body{
        background: #666;
}
.main-car-list{
        margin: 0 auto;
        background: #000;
        width: 1110px;
        margin-top:33px;
}
 
.main-car{
        width: 240px;
        height: 327px;
        background: #ffffff;
        display: inline-block;
        margin: 15px;
        padding-top: 15px;
}
</style>
 
<div class="main-car-list">
        <div class="main-car">
                <img src="img/car/t1.jpg">
 
                <h3>Honda Jazz</h3>
                <table>
                        <tr><th>Обем двигателя</th><td>1.0</td></tr>
                        <tr><th>Тип КПП</th><td>меганика</td></tr>
                        <tr><th>Количество мест</th><td>4</td></tr>
                </table>
                <div>
                        <div> наш текст </div>
                </div>
 
        </div>
 
        <div class="main-car"></div>
        <div class="main-car"></div>
        <div class="main-car"></div>
        <div class="main-car"></div>
 
</div>
 

на фотке у нас в первом блоке .main-car есть данные
но я не пойму почему он размещается ниже
и не важно что именно в нем, он всегда ниже