1. Home
  2. Computing & Technology
  3. Web Design / HTML

CSS Positioning, Example 1

Relative Positioning

Image in the Flow

This is the text that you would like the image after. Then you place the image... CECB

<p> This is the text that you would like the image after. Then you place the image...
<img src="cecb2.gif" width="32" height="32" alt="CECB" /></p>

Back to Positioning Examples

Image with Positioning

This is the text that you would like the image after. Then you place the image and position it underneath the text... CECB

<p> This is the text that you would like the image after. Then you place the image and position it underneath the text...
<img src="cecb2.gif" width="32" height="32" alt="CECB" style="position:relative; left:15px; top:-15px;" /></p>

Back to Positioning Examples

Jennifer Kyrnin
Explore Web Design / HTML
About.com Special Features

Holiday Central

What to eat, where to go, fun things to do and how to save money on the perfect gifts. More >

Family Tech Center

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

  1. Home
  2. Computing & Technology
  3. Web Design / HTML

©2009 About.com, a part of The New York Times Company.

All rights reserved.