En este post explicare como alinear divs de manera horizontal desde codigo html.

Muchas veces queremos agrupar el contenido de nuestra pagina web en div, y este contenido a su vez esta dentro de un div principal
para este ejemplo creare algunos divs que se encontraran contenidos dentro de un div principal:

 <div>
        <div style=" width:20px; height:50px; background-color :Red; border:1px solid black;"></div>
        <div style=" width:20px; height:50px; background-color :Red; border:1px solid black;" ></div>
        <div style=" width:20px; height:50px; background-color :Red; border:1px solid black;" ></div>
        <div style=" width:20px; height:50px; background-color :Red; border:1px solid black;" ></div>
   </div>

El resultado sera el siguiente :

para lograr que lo divs se acomoden de manera horizonal tenemos que darle el valor de left a la propiedad Float 

 <div>
        <div style="float:left; margin-right:10px; width:20px; height:50px; background-color :Red; border:1px solid black;"></div>
        <div style="float:left; margin-right:10px; width:20px; height:50px; background-color :Red; border:1px solid black;" ></div>
        <div style="float:left; margin-right:10px; width:20px; height:50px; background-color :Red; border:1px solid black;" ></div>
        <div style="float:left; margin-right:10px; width:20px; height:50px; background-color :Red; border:1px solid black;" ></div>
   </div>

y el resultado sera el siguiente :



Espero les halla servido , no olviden comentar :3