center a picture in the middle of a paragraph

[Thomas Wesenigk]

Hello,

I have a HTML like this:

[...]
<p style="text-align:left;">
[sometext]
[want to place a picture which is align=center here]
[sometext]
</p>
[...]

The problem is that the paragraph has a different background color than the
rest of the website. If I type something like this:
<div align="center">
<img...>
</div>
the paragraph ends graphically, that means the background color of the
website is used behind the picture and the following text is no longer
align=left.

The background color of the paragraph makes it to look like a box, and I
simply want to put the picture into this box.

Unfortunately I have no more ideas how to solve this problem.

Does someone have a good hint for me?

Thanks,
Thomas
(Germany)

--
Bitte in die Newsgroup antworten.
Bei eMail-Antwort muss "NGANTWORT" im Betreff enthalten sein.

[Kris]

In article <41************ ***********@new sread2.arcor-online.net>,
Thomas Wesenigk <th********@gmx .net> wrote:

[...]
<p style="text-align:left;">
[sometext]
[want to place a picture which is align=center here]
[sometext]
</p>
[...]

The problem is that the paragraph has a different background color than the
rest of the website. If I type something like this:
<div align="center">
<img...>
</div>
the paragraph ends graphically, that means the background color of the
website is used behind the picture and the following text is no longer
align=left.

The background color of the paragraph makes it to look like a box, and I
simply want to put the picture into this box.

Unfortunately I have no more ideas how to solve this problem.

Does someone have a good hint for me?

<p>
Some text
<img>
More text
</p>

body {
color: #000;
background: #fff;
}

p {
color: #000;
background: #eee;
}

p img {
display: block;
margin: 0 auto;
}

--
Kris
<kr*******@xs4a ll.netherlands> (nl)

[Brian]

Kris wrote:

Thomas Wesenigk <th********@gmx .net> wrote:

<p style="text-align:left;">
[sometext]
[want to place a picture which is align=center here]
[sometext]
</p>

<p>
Some text
<img>
More text
</p>

body {
color: #000;
background: #fff;
}

p {
color: #000;
background: #eee;
}

p img {
display: block;
margin: 0 auto;
}

I think you'd also need a hack for MSIE/Win, no?

p img {
display: block;
margin: 0 auto;
text-align: center; /* hack for MSIE 5.x win */
}

--
Brian (remove "invalid" to email me)