Abstände mit margin (außen) oder padding (innen)
<h2> ist ein block-element und erzeugt einen neuen Absatz
<b> ließe sich sytclen z.B über .art b{....;} dann werden die anderen <b>old nicht betroffen
<div class="art">
<p><img class="right" src="bilder/abc.jpg"><b>Überschrift</b>
<p>Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</p>
</div>
css:
.art {height:xxx;width:xxx;
padding:15px;
//text-align:justify; oder auch nicht
display:block;
}
.right {
margin:5px;
border: 2px solid rgb(143,143,143);
float: right;
}
ps:die vielen Divs stören, versuche mit möglichst vielen html-Tags zu scripten und diese dann mit CSS-Code anzupassen. Stichwort Listen!