Tengo 3 div's, 200px, 300px y 200px, ¿cómo puedo alinearlos uno al lado del otro, todos los ejemplos que he visto incluyen solo 2. Tengo Div1, Div2 funcionando correctamente pero Div3 por alguna razón las diapositivas debajo de Div1 se encuentran en esta imagen?

Este es mi codigo

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

losDiv1 tiene el contenido más corto, ¿cómo puedo hacer el borde a la derecha siempre y cuando el borde enDiv2 , Gracias por cualquier ayuda.