Líneas horizontales

Una forma de separar los posts es utilizar líneas horizontales.
Para ello podríamos utilizar una imagen e identificarla con su correspondiente texto alternativo de manera que sea interpretada por los lectores de pantalla.
Pero también podemos identificar nuestra imagen en la hoja de estilo como una línea horizontal de manera que los navegadores que puedan mostrar la imagen lo harán así y el reto lo interpretarán como una línea horizontal y la mostrarán como corresponde.


Para mostrar un ejemplo, incluímos el siguiente código en la hoja de estilo para identificar la imagen como barra horizontal:

div.hr {
height: 10px;
background: #fff url(http://www.creatingonline.com/webmaster/free_bars/pinkbar2.gif) no-repeat scroll center;
}
div.hr hr {
display: none;
}

Para separar los posts indicaremos colocaremos la línea con el siguiente código:
<div class="hr">
<hr />
</div>



Y el resultado será el siguiente:

---