HTML i CSS, jak mogę wyrównać 3 divy obok siebie
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.