Honlapkészítés Egyeteme/4.rész – Elemek, osztályok, azonosítók, dobozolás/float
How To Float an Image to the Left[szerkesztés]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Document Title</title>
<style type="text/css"> img { float:right; }
</style>
</head>
<body>
<p> <img src="image.jpg" width="100" height="100" alt="css float tutorial by LearnWebsiteDesign.com" /> This is an example by LearnWebsitedesign.com. This is an example by LearnWebsitedesign.com. This is an example by LearnWebsitedesign.com. This is an example by LearnWebsitedesign.com. This is an example by LearnWebsitedesign.com. This is an example by LearnWebsitedesign.com. This is an example by LearnWebsitedesign.com. This is an example by LearnWebsitedesign.com. This is an example by LearnWebsitedesign.com. This is an example by LearnWebsitedesign.com. This is an example by LearnWebsitedesign.com. This is an example by LearnWebsitedesign.com. This is an example by LearnWebsitedesign.com. This is an example by LearnWebsitedesign.com. This is an example by LearnWebsitedesign.com. This is an example by LearnWebsitedesign.com. This is an example by LearnWebsitedesign.com. This is an example by LearnWebsitedesign.com. This is an example by LearnWebsitedesign.com. This is an example by LearnWebsitedesign.com. <nowiki></p>
</body>
</html>
img.image_float_left { float:left; }