html - CSS: Wie kann ich vertikal ausrichten von text und form Elemente in ein label-tag?

Ich habe eine <label> in meinem html-Dokument, wo ich einige text-und form-Elemente.

Wie kann ich vertikal so ausrichten, dass Sie in der Mitte?

<label>
    Show
    <select name="list_length" size="1" aria-controls="admin_id">
        <option value="10" selected="selected">10</option>
        <option value="25">25</option>
        <option value="50">50</option>
        <option value="100">100</option>
    </select>
    entries per page.
</label>

<label>
    Search:
    <input type="text" aria-controls="id_281">
</label>

Habe ich dieses in der css zu:

display: inline-block und vertical-align: middle

InformationsquelleAutor MHS | 2013-08-15
  1. 3

    Set height und line-height auf den selben Wert:

    height: 50px;
line-height: 50px;

    Oder versuchen, diese vertikale Zentrierung:

    http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

    InformationsquelleAutor M1K1O
  2. 0

    HTML 

    <label>
    <span>Show</span>
    <select name="list_length" size="1" aria-controls="admin_id">
        <option value="10" selected="selected">10</option>
        <option value="25">25</option>
        <option value="50">50</option>
        <option value="100">100</option>
    </select>
    <span>entries per page.</span>
</label>

<label>
    <span>Search:</span>
    <input type="text" aria-controls="id_281">
</label>

    CSS

    label span,
label input,
label select{
    display: inline-block;
    vertical-align: middle;
}
    InformationsquelleAutor Anon
Schreibe einen Kommentar