CSS-текст начинает новую строку слева

Я получаю небольшую проблему при компоновке своих элементов при использовании команды css float left, которую она плавает влево, и повторять то же самое на следующей строке, но когда любой заголовок с изображением больше, следующая запись переходит к следующей строке и оставляет место позади это действительно раздражает меня

Вот мой CSS

#main {
    width:100%;
    margin-top:55px;
    margin-left:45px;
margin-right:35px;
}
#body {
    float:left;
    margin-left:14px;
    margin-right:24px;
    alignment-adjust:central;
    margin-top:14px;
}
#tablealign {
    text-align:center;
    margin-top:20px;
}
#text {
    color:#333;
    text-decoration:none;
    font-size:12px;
    margin-top:12px;
    text-align:center;  
}
#image{
    margin-left:5px;
    alignment-adjust:central;
        text-align:center;
} 

Код примера HTML [Примечание. Я использую php для этого]

<center><div id="body"><div id="tablealign"><a href="Videos.php?ID=345"><img  id="image" src=https://i1.ytimg.com/vi/8IpPx1vdJV8/maxresdefault.jpg width=200 height=150></a></div><div id="text"><a href="Videos.php?ID=345">GTA IV Lag Fix on Windows 7 -<br />
YouTube</a></div></div></center>

Это похоже на