Untitled

<img /><img /><img />

<div />
<div />
<div />

<html>
<head>
<style type="text/css">
p.inlinel {display:inline; width: 4em;}
p.inliner {display:inline; width: 4em; text-align: right;}

p.floatl {width: 4em; float:left;}
p.floatr {width: 4em; float: right;}
</style>
</head>
<body>

<p class='inlinel'>The is an inline paragraph with lots of words.</p>
<p class='inliner'>The is an inline paragraph with lots of words.</p>

<br/><br/>

<p class='floatl'>The is a left floated paragraph with lots of words.</p>
<p class='floatr'>The is a right floated paragraph with lots of words.</p>


</body>
</html>

<div class="purple" style="float:left">Link one</div>
<div class="purple">Link two</div>
<div class="purple">Link three</div>
<div class="purple">Link four</div>

<div class="red" style="float:left">Link one</div>
<div class="red" style="float:left">Link two</div>
<div class="red" style="float:left">Link three</div>
<div class="red" style="float:left">Link four</div>

<div class="brown" style="display:inline">Link one</div>
<div class="brown" style="display:inline">Link two</div>
<div class="brown" style="display:inline">Link three</div>

<div style="width:800px; text-align: right;">
    <div class="brown" style="display:inline">Link one</div>
    <div class="brown" style="display:inline">Link two</div>
    <div class="brown" style="display:inline">Link three</div>
    <div class="brown" style="display:inline">Link four</div>
</div>

<div style="width:800px; text-align: right;">
    <div class="brown" style="float:left">Link one</div>
    <div class="brown" style="float:left">Link two</div>
    <div class="brown" style="float:left">Link three</div>
    <div class="brown" style="float:left">Link four</div>
</div>