HTML, CSS Edit

Question

я написал html-код и хочу отредактировать его вид с помощью css

                <div id="contact_4" name="contact" >
                <input type="checkbox" id="chk_4" class="contactChk"/>
                <img height="25" width="25" alt="" src="Images/Contacts/1.jpg" style="width: 30px; height: 35px;"/>
                <span class="contactItem" id="contactName_4" name="contactName">
                    Amr ElGarhy
                </span>
                <img src="Images/Common/Motiva.png" alt=""/>
                <br/>
            </div>

альтернативный текст http://igurr.com/resized-image.ashx/__size/500x400/__key/CommunityServer.Components.PostAttachments/00.00.00.01.73/OneContact.JPG

То, что я хочу сделать, это сделать текст и изображения выровненными по вертикали в главном div, пожалуйста, если кто-нибудь знает, как это сделать, не используя таблицы и просто используя CSS, и посоветуйте мне также, если я должен отредактировать сам html.

UPDATE: Я хочу, чтобы все в главном div было выровнено по вертикали посередине. как вы можете видеть на изображении, текст, флажок и 2 изображения выровнены по умолчанию снизу, которые я хочу переопределить.

Answer 1

Сделайте это:

#contact_4 * {      
    vertical-align: middle;
    display: inline;
}

Дисплей: встроенный; не требуется, если у вас нет других стилей, изменяющих типы отображения этих элементов.

P.S. Для элементов div и span нет атрибута "name".

Answer 2

Я не гуру в CSS, но, возможно, добавление этих элементов ко всем элементам поможет:

margin-top: auto;
margin-bottom: auto;