HTML, CSS Modifier

Question

i a écrit un code HTML et que vous souhaitez modifier son point de vue en utilisant le code 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> 

alt text http://igurr.com/resized-image.ashx/__size/500x400/__key/CommunityServer.Components.PostAttachments/00.00.00.01.73/OneContact.JPG

Ce que je veux faire est de rendre le texte et les images alignement vertical dans la principale div , s'il vous plaît si quelqu'un sait comment le faire sans utiliser de tables et juste en utilisant CSS, et me conseiller aussi si je dois modifier le code HTML lui-même.

MISE À JOUR: Je veux que tout le div diviseur principal soit aligné verticalement. comme vous pouvez le voir dans l'image ce texte, checkbox et les 2 images sont alignées en bas par défaut que je souhaite surcharger.

Answer 1

Pour ce faire:

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

Le "display: inline;" n'est pas nécessaire si vous n'avez aucun autre style modifiant ces types d'affichage d'éléments.

P.S. Il n'y a pas d'attribut "name" pour les éléments div et span.

Answer 2

Je ne suis pas gourou au CSS, mais peut-être mettre ces derniers sur tous les éléments contribuerait:

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