CSS FLoat Left

Using CSS Inline Style

Float Image and Text Caption Left

Goodrich Wins

We are floating the picture to the left by adding style float:left to the paragraph tag . We need to tell the browser how wide to make the paragraph that will contain the image and the text caption on the left. Since our image is 100 pixels wide we guess and make the paragraph 125 pixels wide so that we have some extra space.

We make the paragraph 125 pixels wide to give us some whitespace between the image and the text that we floated. The text that we are typing in after the first paragraph will automatically align to the right. This technique is simple, just some style added to the paragraph tag. We added extra words here so that the full effect displays.

Copy and paste (or type) this in your Blog or Web page.

It will look like this (image included).

Goodrich Wins

YOUR TEXT GOES HERE The text that you type here will automatically align to the right. You can type as much as you want. The more you type the better it looks.