Placez un texte (gras) inférieure

Question

Je voudrais placer mon texte en gras (Thierry) quelques pixels plus bas ...

<div class="editor-field"> 
    <b>Thierry</b> 
</div> 

Est-il possible?

Quelque chose comme (ne fonctionne pas):

.editor-field b 
{ 
    margin-top: 20px; 
} 

Toute idée?

Merci

Answer 1

position: relative sonne comme la façon la plus intéressante:

.editor-field b 
{ 
    position: relative; 
    top: 20px; 
} 

JSFiddle

position: relative est agréable car il se réserve le même espace dans le flux de documents comme avant, et se déplace librement l'élément à l'intérieur du document. Un effet secondaire est que les éléments situés en dessous ne s'éloignent pas - les éléments peuvent se chevaucher. Vous devrez voir si cela convient à votre situation.

Answer 2

Vous pouvez le déplacer en utilisant la position.

.editor-field b 
{ 
    position: relative; 
    top: 20px; 
} 

Cela devrait fonctionner.