Images in Text
PayneLess Designs

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse egestas ultricies pede. Phasellus suscipit blandit risus. Praesent nonummy. In erat. Duis nibh pede, accumsan eu, pulvinar et, volutpat vel, elit. Left Image Curabitur nec dui sed nunc congue tempus. Nulla ac dui ac libero fringilla nonummy. Maecenas ullamcorper sodales risus. Vivamus pretium dolor. Proin eu turpis. Phasellus ut mauris non nulla mattis luctus. Nunc porttitor dapibus sapien. In malesuada fermentum metus. Nulla egestas, tellus a vestibulum pharetra, nunc purus auctor lacus, ut semper purus ipsum eu velit. Praesent dui. Nulla accumsan turpis at erat. Right Image Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi lacus felis, euismod at, pulvinar sit amet, dapibus eu, eros. Etiam tellus. Nam vestibulum porttitor urna. Phasellus aliquet pretium quam. Proin pharetra, wisi nec tristique accumsan, magna sapien pulvinar purus, vel hendrerit ipsum tellus at ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi lacus felis, euismod at, pulvinar sit amet, dapibus eu, eros. Etiam tellus. Nam vestibulum porttitor urna. Phasellus aliquet pretium quam. Proin pharetra, wisi nec tristique accumsan, magna sapien pulvinar purus, vel hendrerit ipsum tellus at ante.

Code:

CSS Used:

#imageNtext_content {
width: 430px;
height: auto;
margin: 1% 0;
padding: 5px 10px 20px 10px;
margin: 25px auto;
border: 2px solid #700;
}

p#image_text {
text-align: justify;
font-size: 90%;
line-height: 1.3em;
margin: 12px 0 2px 0;
}

body#iebug { voice-family: "\" }

\"";voice-family:inherit; font-size:small;/*for IE 5.5 */ }
html>body {font-size:small; height:auto;}/* Assist IE6 & 100% height */
font-size: small; voice-family: "\"}\"";
voice-family: inherit; font-size: medium;} /* Assist IE rendering height, keyword-font sizes, etc. */

img#left, img#right {
width: 120px;
height: 75px;
border: 1px solid #009090;
margin: 8px;
}

img#left {
float: left;
}

img#right {
float: right;
}

HTML:

<div id="imageNtext_content">
<p id="imageNtext">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse egestas ultricies pede. Phasellus suscipit blandit risus. Praesent nonummy. In erat. Duis nibh pede, accumsan eu, pulvinar et, volutpat vel, elit. <img id="left" src="http://PayneLessDesigns.com/imgs/lorem.gif" alt="Left Image">Curabitur nec dui sed nunc congue tempus. Nulla ac dui ac libero fringilla nonummy. Maecenas ullamcorper sodales risus. Vivamus pretium dolor. Proin eu turpis. Phasellus ut mauris non nulla mattis luctus. Nunc porttitor dapibus sapien. In malesuada fermentum metus. Nulla egestas, tellus a vestibulum pharetra, nunc purus auctor lacus, ut semper purus ipsum eu velit. Praesent dui. Nulla accumsan turpis at erat.<img id="right" src="http://PayneLessDesigns.com/imgs/lorem.gif" alt="Right Image"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi lacus felis, euismod at, pulvinar sit amet, dapibus eu, eros. Etiam tellus. Nam vestibulum porttitor urna. Phasellus aliquet pretium quam. Proin pharetra, wisi nec tristique accumsan, magna sapien pulvinar purus, vel hendrerit ipsum tellus at ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi lacus felis, euismod at, pulvinar sit amet, dapibus eu, eros. Etiam tellus. Nam vestibulum porttitor urna. Phasellus aliquet pretium quam. Proin pharetra, wisi nec tristique accumsan, magna sapien pulvinar purus, vel hendrerit ipsum tellus at ante.</p>
</div>

Designed for Firefox Browser and 1024x768

Site Nav Links

Off Site Links

« Links open in new window/tab »

Cool Links

« Links open in new window/tab »

Monitor Page for Changes

Images in Text
PayneLess Designs

Code:

Designed for Firefox Browser and 1024x768

Site Nav Links

Off Site Links

« Links open in new window/tab »

Cool Links

« Links open in new window/tab »

Monitor Page for Changes

Images in TextPayneLess Designs

Code:

Images in Text
PayneLess Designs