У меня есть 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 Спасибо за любую помощь.