Html e CSS como posso alinhar 3 divs lado a lado

Eu tenho 3 div, 200px, 300px e 200px como posso alinhá-los lado a lado, todos os exemplos que eu vi apenas incluem 2. Eu tenho Div1, Div2 funcionando corretamente, mas Div3 por algum motivo slides sob Div1 mentira esta imagem

Este é o meu código

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

oDiv1 tem o conteúdo mais curto, como posso fazer a fronteira para a direita, desde que a fronteira emDiv2 , Obrigado por qualquer ajuda.

questionAnswers(2)

yourAnswerToTheQuestion