CSS-EX_klassifikatsioon_klass

Muuda elementide väärtusi ja kirjuta oma tekst. Seejärel vajuta " Sisesta " nuppu.

<html>
<head>
<style type="text/css">
div
{
float:right;
width:280px;
margin:0 0 15px 20px;
padding:15px;
border:1px solid black;
text-align:center;
}
</style>
</head>

<p>

See on mingi tekst. See on mingi tekst. See on mingi tekst.
See on mingi tekst. See on mingi tekst. See on mingi tekst.
See on mingi tekst. See on mingi tekst. See on mingi tekst.
See on mingi tekst. See on mingi tekst. See on mingi tekst.
See on mingi tekst. See on mingi tekst. See on mingi tekst.
See on mingi tekst. See on mingi tekst. See on mingi tekst.
See on mingi tekst. See on mingi tekst. See on mingi tekst.
See on mingi tekst. See on mingi tekst. See on mingi tekst.
See on mingi tekst. See on mingi tekst. See on mingi tekst.
See on mingi tekst. See on mingi tekst. See on mingi tekst.
See on mingi tekst. See on mingi tekst. See on mingi tekst.
See on mingi tekst. See on mingi tekst. See on mingi tekst.
See on mingi tekst. See on mingi tekst. See on mingi tekst.
See on mingi tekst. See on mingi tekst. See on mingi tekst.

</p>
<p>&Uuml;lal olevas paragrahvis on div element 280 pikselit lai ning koos pildiga. Div element nihutab pildi paremale. Margin on lisatud selleks, et teksti eemale hoida div elemendist. Raam ja padding on lisatud div elementi selleks, et luua pildile raam ja alapealkiri.
</p> 
</body>

</html>