Como hago esto ? (vamos a ver si alguien responde)

Buenas aquí teniendo esperanza de que alguien conteste, hago una pregunta,

Como hago esto con css? (en imagen).

Supongo que con una lista ordenada? pero como pondría la palabra lines en la parte de arriba.

Bueno saludos

[img]http://prntscr.com/9gtxq0[/img]

Investiga sobre los seudoelementos ::after y ::before, por ejemplo en este pen:

http://codepen.io/g3kdigital/pen/eJWbNZ?editors=110

Yo genere un icono de [+] en el elementos h3, que cambia si se hace clic en el enlace.

Por lo que solo tendrías que generar un

Código :

li:first-child::before
{
  content: 'lines';
}

Le das una posición absoluta y listo. Espero haberte dado ideas