Usar CSS content:"xx" Inline

Utilizar a propriedade de CSS :before para dar conteúdo antes do elemento, mas atribuir o mesmo "inline" ao invés da folha de css.

by Salustiano Silva

HTML

<ul>
    <li class="active">1</li>
    <li>2</li>
    <li>3</li>
</ul>

CSS

body{
    background-color:#F3F3F3;
}
ul{
    display:block;
    margin:40px;
    position:relative;
}
ul:before{
    content: "imagens adicionais:";
    position:absolute;
    left:0;
    top:-26px;
    color:#7F8C8C;
    font-family:sans-serif;
}
li{
    display:inline-block;
    background-color:#FFFFFF;
    border:1px solid #C7C7C7;
    border-radius:0;
    height:60px;
    width:60px;
    text-align:center;
    line-height:60px;
}
.active{
    border:1px solid #E2534B;
}
}