使锚点和段落都与图像内联

Question

Here's what I have so far: http://jsfiddle.net/hLbyy/4/ using margin property.

I have looked at various page sources (such as Wordpress where the user's avatar is inline with their details, yet this appears to be within a paragraph rather than a list item.) but I was unable to find the line of CSS that achieved this.

Any help towards achieving this is much appreciated.

Answer 1

Is this what you're looking for:

p {
    display: inline-block;
}
img {
    vertical-align: top;
}

Answer 2

Use " float: left; " style for img tag.

Somehow like THIS .

Answer 3

The best approach for what you want to do is to wrap the link with the image in a div, then style this div as:

display: block;

And wrap your link and text in another div which should align automatically at the right of your image, if you want to get fancier, you can wrap both divs in a div.