2009-09-24 9 views
0

Je veux créer un élément en utilisant DIV & CSS comme ci-dessous:Comment créer ce type d'élément en utilisant XHTML & CSS?

Create By: <avatar image 16x16> Prashant 

Quelqu'un peut-il me dire ce que sera le CSS et le code DIV pour le type de mise en page ci-dessus. Je ne veux pas utiliser de tables pour cela, DIV et CSS seulement.

Dans Digg liste vous trouverez le même type d'affichage, j'ai essayé mais je ne peux pas aligner le nom d'utilisateur "central" par rapport à l'image de l'avatar. S'il vous plaît aider !!

Répondre

4

<div>Created by: <img src="/images/avatars/prashant.png" alt="" /> Prashant</div>

et

img { 
    vertical-align: middle; 
} 

devrait faire le travail.

1

vertical-aligner malheureusement n'est pas géré très régulièrement par certains des anciens navigateurs (avant 2005, mais encore une fois IE6 est toujours là), mais la réponse de David est correcte à partir de la vue des normes.

Questions connexes