Mostrar texto debajo de otro texto con CCS

Buenas! quiero realizar lo siguiente: una palabra subrayada y debajo de esta, una letra, pero realizado con CSS:

PalabraA palabraB PalabraC
   A        B        C

¡Muchas gracias y un saludo!

Respuestas

Aquí tienes un ejemplo de cómo hacerlo:

<div id="contenedor">
    <div class="palabra">
        <span>PalabraA</span>
 
        <div class="letra">
            <span>A</span>
        </div>
    </div>
 
        <div class="palabra">
        <span>PalabraB</span>
 
        <div class="letra">
            <span>B</span>
        </div>
    </div>
 
        <div class="palabra">
        <span>PalabraC</span>
 
        <div class="letra">
            <span>C</span>
        </div>
    </div>
</div>

#contenedor { max-width: 80%; margin: 2em auto; }
#contenedor .palabra { text-align: center; float: left; width: 33%; }
#contenedor .palabra > span { text-decoration: underline; }

Aquí puedes verlo en acción: jsfiddle.net/ocpmoekr

@javiereguiluz

25 mayo 2015, 17:26