Cita: 1- que las li tenga un icono cada una.
No sé si es el modo correcto, pero yo lo hago de esta manera:
- Pongo el atributo "list-style: none".
- Dejo un margen a la izquierda suficiente para que quepa la imagen, "padding-left: 20px"
- Pongo la imagen como fondo mediante "background: url(icono.png) bottom left no-repeat"
Cita: 2- como poner las lineas negras debajo de los <h1>
border-bottom: 4px black;
Cita: y en el ultimo elemento de la lista.
Creo que podrías conseguirlo usando lo mismo para el UL/OL. Si no, una "clase" específica para el último elemento de la lista.