Comment mettre HTML, image / texte sur la même ligne dans un div?
J'ai été en utilisant le HTML/CSS pour environ 2 semaines maintenant.
Je vais avoir de la difficulté à obtenir le texte sur mon site de s'asseoir juste à côté de la chiot miniature, plutôt que sous celui-ci.
Si je flotte à la fois le texte et l'image, ils sont côte à côte, mais le texte est d'abord, pas la photo. Pourquoi en serait-il? Le texte vient APRÈS l'image dans le HTML.
Voici le JSFiddle. Je n'ai jamais utilisé JSF avant, donc j'espère que je l'ai fait correctement. Je ne sais pas pourquoi les photos dans le programme JSF ne fonctionnent pas (le lien externe (des chiots)).
Vous devez vous connecter pour publier un commentaire.
Lors de l'alignement des images et du texte, j'aime utiliser inline ou inline-block éléments plutôt que de les mettre à l'intérieur d'un élément de type block. Voici un exemple qui devrait fonctionner pour votre cas en particulier.
Html
Check this out
http://jsfiddle.net/nhv54/3/
Choses à remarquer dans le CSS
Et tous les div que vous voulez du contenu pour être sur une seule ligne doit avoir de la classe "pull-left"
Vous pouvez également définir
vertical-align: middle;
sur ce tag de votre texte à l'intérieur, sans doute unp
.Vous pouvez utiliser inline-blocks
J'ai mis à jour votre JSFIDDLE
http://jsfiddle.net/nhv54/16/