Три дива рядом друг с другом ⇐ Html

[Anonymous]

Некоторое время я пытался разместить три элемента div рядом друг с другом. Но тот, который должен быть справа, не расположен рядом с остальными. Оно как бы прыгает вниз. Как вы можете видеть на картинке ниже.




Вот код:

#left {
margin: auto;
width: 30%;
padding: 10px;
float: left;
height: auto;
}
#middle {
margin: auto;
width: 30%;
padding: 10px;
height: auto;
}
#right {
margin: auto;
width: 30%;
padding: 10px;
float: right;
height: auto;
}


Подробнее здесь: https://stackoverflow.com/questions/466 ... each-other