Horizontal Spacing

[mcp6453]

Here's an easy one. I want a picture flush on the left margin of a page
with text aligned on the right side of the picture. The code
align="left" border="0" allows me to do that, but the text is too close
to the picture. I added hspace="5", but that obviously applies space to
both sides of the picture. Is there a way to add space to the right side
only?

 

[Els]

Here's an easy one. I want a picture flush on the left margin of a page
with text aligned on the right side of the picture. The code
align="left" border="0" allows me to do that, but the text is too close
to the picture. I added hspace="5", but that obviously applies space to
both sides of the picture. Is there a way to add space to the right side
only?

Use CSS:
img.foo{
float:left;
margin-right:5px;
}
HTML:
<img class="foo" src="..." alt="..."><p>bla bla bla</p>

 

[mcp6453]

mcp6453 wrote:




Use CSS:
img.foo{
float:left;
margin-right:5px;
}
HTML:
<img class="foo" src="..." alt="..."><p>bla bla bla</p>

I don't have access to the css file. Can I use inline css? The site is a
blog that accepts HTML.

 

[Mark Parnell]

Deciding to do something for the good of humanity, mcp6453

I don't have access to the css file. Can I use inline css?

I don't see why not.

<img style="float:left; width:100px; margin-right:5px;" src="..."
alt="..."><p>bla bla bla</p>

Replace the width above with the actual width of the image.

 

[mcp6453]

Deciding to do something for the good of humanity, mcp6453



I don't see why not.

<img style="float:left; width:100px; margin-right:5px;" src="..."
alt="..."><p>bla bla bla</p>

Replace the width above with the actual width of the image.

It works perfectly. Thanks!