Para añadir una barra horizontal de separación haremos lo siguiente:
En el head pondremos:
<style type="text/css">
hr.hr_negro {
height: 10px;
margin-left: 0%;
margin-right: 50%;
height: 5px;
background-color: black;
}
hr.hr_azul {
height: 10px;
margin-left: 0%;
margin-right: 50%;
height: 5px;
background-color: #0066CC;
}
hr.hr_verde {
height: 10px;
margin-left: 0%;
margin-right: 50%;
height: 5px;
background-color: yellowgreen;
}
</style>
Y el codigo html de la barra o barras serán:
<hr class="hr_verde">
<hr class="hr_negro">
<hr class="hr_azul">
Fuente:
http://www.mclibre.org/consultar/htmlcss/css/css-hr.html