Mam 3 div, 200px, 300px i 200px, jak mogę je wyrównać obok siebie, wszystkie przykłady, które widziałem, obejmują tylko 2. Mam Div1, Div2 działa poprawnie, ale Div3 z jakiegoś powodu przesuwa się pod Div1, to zdjęcie

To jest mój kod

<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>

TheDiv1 ma krótszą zawartość, jak mogę zrobić obramowanie w prawo tak długo, jak obramowanie wDiv2 , dzięki za pomoc.