Honlapkészítés Egyeteme/4.rész – Elemek, osztályok, azonosítók, dobozolás/float

A Wikikönyvekből, a szabad elektronikus könyvtárból.
Ugrás a navigációhoz Ugrás a kereséshez

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