Aligner le texte à droite de l'image && texte n'a pas d'enveloppe autour de l'image

Devrait ressembler à ceci:

[img] text text
      text text

Comment est-ce que c'est possible?

Semble simple, mais j'ai du mal.

rester à droite - en aucun cas, devrait-on tous être d'habillage!
Bien, savez-vous la largeur de votre image?
Avez-vous essayé display:inline-block pour les deux éléments? Nécessite une IE7 & IE6 corriger si vous êtes à l'appui de ces navigateurs (display:inline).
Paul, je sais que la largeur de l'image.
Beth, inline-block fonctionne, comment puis-je obtenir pour travailler dans IE7?

OriginalL'auteur JoJ | 2011-08-10

  1. 6

    Vous pouvez utiliser display:inline-block;

    img{
    display:inline-block;
    width:75px;
    height:100px;
    border:1px solid red;
    vertical-align:top;
    margin-right:10px;
}

div{
    display:inline-block;
    width:200px;
}

    Exemple: http://jsfiddle.net/jasongennaro/SK9ad/

    De faire inline-block; travailler avec IE7, ajoutez la ligne suivante à chaque règle:

    zoom: 1;
*display:inline;
    Si vous utilisez cette méthode et que vous voulez avoir des trucs à l'intérieur de la div, alors assurez-vous d'avoir display:inline-block avec width:100%. Si c'est incorrect et il est une meilleure solution faites le moi savoir. Merci pour l'info!

    OriginalL'auteur Jason Gennaro

  2. 2

    Puisque vous connaissez les dimensions de l'image:

    HTML:

    <div style="position: relative;">
    <img id="theimg" ... />
    <div id="besidetheimg">
    </div>
</div>

    CSS:

    #theimg{
    position: absolute;
    top: 50%;
    margin-top: -50px; //Half the width of the image
    width: 100px;
    height: 100px;
}

#besidetheimg{
    margin-left: 100px; //width of image
}

    C'est un peu une drôle de façon de le faire. Je ne suis pas sûr si il ya une meilleure façon, et il fonctionne: http://jsfiddle.net/dvLqC/

    Non pas que le top et la margin-top sont utilisés pour aligner verticalement l'image de middle
    En utilisant à la fois une marge négative, et le positionnement absolu n'est pas idéale si vous pouvez l'éviter.

    OriginalL'auteur Paulpro