L'arrêt de texte à partir d'habillage autour de l'image

Je suis détruire mon esprit à essayer d'obtenir ce style fait. J'ai une taille fixe d'une image avec une imprévisible hauteur de la div du texte à la droite de celui-ci. Je veux le top du texte à la ligne avec le haut de l'image, mais pour ne PAS enrouler autour d'elle. Mon langage est:

<img height='231px' width='132px' style='float:left' />
<div>Text</div>

Je voudrais trouver une solution qui n'implique pas l'utilisation d'une table, mais pour le moment je suis épuisée et ne peut pas penser comment le faire avec css/vrd

OriginalL'auteur Andrew Jackman | 2011-06-23

  1. 8

    Cela devrait faire l'affaire.

    <div style="margin-left: 132px">Text</div>

    Avoir de l'espace entre le texte et l'image, faire de la marge en plus ou en ajouter un padding-left.

    Exactement...sauf que ça doit être margin-left:132px;... 231 est à la hauteur.
    +1 une solution très simple - voir en action ici! PS. J'ai copié ce texte du Guardian site web, avant de vous rendre suspect... 🙂

    OriginalL'auteur DanielB

  2. 2

    DanielB de répondre à ongles, mais j'aime donner des solutions de rechange; ne sait jamais si il peut venir dans maniable. Pourrais-tu mettre l'image et le div dans un récipient avec une largeur fixe, définir une largeur fixe à l'image et à la div qui s'ajoute à la conteneur largeur, et flotter à la div.

    <div id="container">
    <img height='231px' width='123px' style='float:left' />
    <div>Text</div>
</div>
#container div 
{
    float:left;   
    width: 123px;
}
#container {
 width:246px;   
}

    http://jsfiddle.net/thomas4g/A7ZHg/3/

    C'est une bonne alternative, mais il est beaucoup plus de code et de ne pas la taille de la div texte de son conteneur parent en tant que bien.
    ouais, je sais. Dans cette situation particulière, Daniel solution est beaucoup mieux, c'est sûr. Je voudrais juste jeter des solutions de rechange génériques parfois. 🙂
    Plus de code, mais c'est plus souple, et permet à l'image changement de la taille, ou en effet, permet au constructeur de la chaîne d'un tas de texte et d'images de l'ensemble s'ils le souhaitent.
    c'est un peu ce que je pensais. merci!
    downvoter: merci de laisser un commentaire en expliquant votre downvote pour que je puisse améliorer ma réponse.

    OriginalL'auteur Thomas Shields