Question

I would like to place my bold text (Thierry) some pixels lower…

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

Is it possible?

Something like (doesn’t work):

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

Any idea?

Thanks

Answer 1

position: relative sounds like the most interesting way:

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

JSFiddle

position: relative is nice because it reserves the same space in the document flow as before, and moves the element freely inside the document. One side effect is that any elements below it will not move away – elements might overlap. You’ll have to see whether that is okay for your situation.