Verticale Allineare del testo in un blocco <a> tag

Question

Ho bisogno di un css gunu là fuori per aiutarmi con questo. Destra Ho un tag che è un elemento di blocco fissato in larghezza e altezza. Al suo interno c'è un'immagine di sfondo e il titolo delle immagini. Sto cercando di allineare il testo verso il basso e non sto ottenendo dove. Ho provato a fare il display : table-cell; vertical-align: bottom; e in tutti i modi diversi. Bu senza ottenere nulla. So che potrei fare line-height ma che ha quella strana linea tratteggiata attorno all'elemento. Ho appena provato di avere uno span con il testo all'interno di un tag e un allineamento verticale che non è una gioia sebbene la sottolineatura sia spostata verso il basso. Che è strano! Qualsiasi aiuto molto apprezzato. Richard

Answer 1

L'elemento genitore ha bisogno di display: table e poi l'elemento che si desidera sul fondo ha display: table-cell; allineamento: inferiore;

Answer 2

Quali browser stai selezionando? Questo funziona bene per me in IE8.0.6 e FireFox 3.5.8:

<a style="display:block;height:200px;width:200px;background:blue;display:table-cell;vertical-align:bottom;">This is a test</a> 

Nota Ho usato sia display:table-cell; e vertical-align:bottom;. Ne hai bisogno entrambi; non ero sicuro se l'avessi provato.

Se ciò ti sta causando problemi (stai indirizzando IE6?) Dovrai posizionare l'elemento <a> in un elemento a livello di blocco e posizionarlo.

<div style="position:relative;top:0px;left:0px;height:200px;width:200px;background:yellow;"> 
    <a style="position:absolute;bottom:0px;">Your text</a> 
</div>