HTML и CSS, как я могу выровнять 3 деления бок о бок
У меня есть 3 div, 200px, 300px и 200px, как я могу выровнять их рядом, все примеры, которые я видел, включают только 2. У меня Div1, Div2 работают правильно, но Div3 по какой-то причине слайды под Div1 лежат на этой картинке
Это мой код
<div style=" border-right:1px solid black; width:200px; float:left; position:relative; ">
//div1
</div>
<div style=" border-right:1px solid black; width:300px; padding:10px;float:left; position:relative;">
//div2
</div>
<div style=" float: left; width: 200px;position:relative">
//div3
</div>
Div1 имеет более короткое содержание на нем, как я могу сделать границу вправо, пока граница вDiv2 Спасибо за любую помощь.