Look, it would seem simple code, but why does vertical-align: middle ;? not work?

.mainHistory{ width: 1100px; margin: 100px 0 0 0; position: relative; display: block; } .cellHistory{ float: left; width: 33%; text-align: center; } .cellHistory span{ display: inline-block; vertical-align: middle; } <div class="mainHistory"> <div class="cellHistory"> <span>01 01 2000</span> </div> <div class="cellHistory"> <span>Создание фирмы Первоначальное название: ооо фирма </span> </div> <div class="cellHistory"> <img src="/1.png"> </div> </div>

    1 answer 1

    Necessary so

     .mainHistory { width: 1100px; margin: 100px 0 0 0; position: relative; display: block; font-size: 0; <! -- убираем отступы display: inline-block --> } .cellHistory { display: inline-block; vertical-align: middle; width: 33.33333333333333%; text-align: center; font-size: 14px; } .cellHistory span {} 
     <div class="mainHistory"> <div class="cellHistory"> <span>01 01 2000</span> </div> <div class="cellHistory"> <span>Создание фирмы Первоначальное название: ооо фирма</span> </div> <div class="cellHistory"> <img src="http://placehold.it/150x250" alt="" /> </div>

    Feeddle