|
Positioning help required
Hello,
How do I align my paragraphs with the image without using absolute position? All help is appreciated. Thank you.
My coding as follows:
<html>
<head>
<style type="text/css">
#container {
width: 50em;
height: auto;
border: 1px dotted black;
}
p {
clear: left;
position: absolute;
left: 20em;
top: 0em;
}
</style>
</head>
<body>
<div id="container"
<span id="ckBanner546"><a href="http://zenmed.com/?aid=7831&a=7831&b=546&c=0&x=click" target="_blank"></a></span><script type="text/javascript" src="http://s1.cdn.clickkingdom.net/js/FlashReplace.js"></script><script type="text/javascript">FlashReplace.replace("ckBanner546", "http://s2.cdn.clickkingdom.net/ads/z09/03_300X250.jpg.swf", "ckBannerFlash546", 300, 250, 8, { flashVars : "clickTAG="+escape("http://zenmed.com/?aid=7831&a=7831&b=546&c=0&x=click"), allowscriptaccess : "always" });</script>
<p>A papule is a small solid lesion slightly elevated above the surface of the skin.<br /> A pustule, again, is a dome-shaped skin elevation containing pus: a mixture of<br /> white blood cells, dead skin cells, and bacteria. It often has a hair in the center.<br /> A macule is a temporary red spot left by a healed acne lesion. It is flat and<br /> pinkish, with well-defined borders that can persist for days to weeks. A number</br /> of macules can contribute to the "inflamed face" appearance of acne. A nodule is<br />a solid dome-shaped or irregularly shaped lesion, characterized by pain, inflam-<br />mation and extending into deeper layers of the skin. It may cause tissue destruct-<br />ion resulting in scarring.
</p>
</div>
</body>
</html>
|