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; }