Vertikal ausgerichteter <div> mit einem <form type="text"> und 2 <span>s

Question

Ich möchte eine meiner <div> Container, der eine verschachtelte <form ype="text"> und 2 <span> Tags, aber ich kann anscheinend keine margin-top: 6px; zum Container <div> .

Würde padding-top: 6px; die Antwort sein?

Answer 1

Hier ist sie, http://jsfiddle.net/EWkMA/

CSS:

div#middle {
    height: 200px;
    vertical-align: middle;
    display: table-cell;
}

HTML:

<div id='middle'>
    <input type='text' value='test'/><br/>
    <span>a</span><br/>
    <span>two</span>
</div>