I'm basically teaching myself HTML and CSS but unfortunately I'm stuck with a problem, I'm sure it's silly but the book doesn't talk to me!
I was learning how to add an image using style="float:left" which adds text to the right side of the picture. Then I was using vertical-align (style="border-style:none; margin:2px; vertical-align:"text-bottom) as well.
The problem I'm having is that for some reason I'm stuck with the first float image so everything after stays on the right side of the picture. I thought after the <p></p> tags they would go to another line. Any suggestion?
HTML Code:
<body>
<p><h1 style="text-align:center">Slash</h1></p>
<p style="font-style:italic">
<img src="slash.jpg" alt="" style="float:left" width="200" height="200"/>
Slash line 1<br />
Slash line 2<br />
Slash line 3
</p>
<p>
<img src="slash.jpg" alt="Slash" title="Slash" width="200" height="200" style="border-style:none; margin:2px; vertical-align:"text-bottom" />
Slash line 1
</p>
</body>
Last edited by marciobrz; 10-14-2008 at 03:50 PM..
|
