PAGINATE YOUR PHOTOS - how to put images among texts at right, at left, at center

We provide here an instruction with a practical examples of how you can put an image among texts into a page .

Here's a page floating right near to this sample text.
According the today's common thoughts the Middle Ages are mostly populated by dirty and fanatics people, ignorants and full of fleas and parasites, dressed in rags with long hair and beard and greasy, rough people and instinctive almost like animals; and more dedicated to the witch hunts to be sent to the stake.
They forget that the Middle Ages was the era in which the first universities were born in Europe - the oldest one is that of Bologna. In the Middle Ages there were competitions in mathematics, poetry and music, and it was then that the monks in the abbeys copied indiscriminately, without omitting anything, all the old books, transmitting to posterity the culture that allowed the Renaissance. And I bet that only those who are in the trade know who was the mathematician Fibonacci and know his work.

You have to insert among your text these statements:

<a style="clear: right; margin-top: 1em; margin-bottom: 1em; margin-left: 1em; float: right;" href="../../../../images/signorimedioev.jpg" target="_blank"
imageanchor="2"><img src="../../immagini/signorimedioev.jpg" alt="Caccia al cervo" width="397" height="245" /></a>

Let's see what does it means:

margin-top: 1em; this is the distance between the text upper row and the image
margin-bottom: 1em; this is the distance between the text row under the image and the image itself.
margin-left: 1em; this is the distance between the text rows left aside the image and the image itself.
float: right; the image lays ay right side of page.
 

SIDE CHANGE

According the today's common thoughts the Middle Ages are mostly populated by ignorants and fanatics, dirty and full of fleas and parasites, dressed in rags with long hair and beard and greasy, rough people and instinctive almost like animals; and more dedicated to the witch hunts to be sent to the stake.
They forget that the Middle Ages was the era in which the first universities were born in Europe - the oldest one is that of Bologna. In the Middle Ages there were competitions in mathematics, poetry and music, and it was then that the monks in the abbeys copied indiscriminately, without omitting anything, all the old books, transmitting to posterity the culture that allowed the Renaissance. And I bet that only those who are in the trade know who was the mathematician Fibonacci and know his work.

Let's see what does it change:

margin-top: 1em; no change, this is the distance between the text upper row and the image
margin-bottom: 1em; no change, this is the distance between the text row under the image and the image itself.
margin-right: 1em; change, this was the distance between the text rows left aside the image and the image itself, and now becomes the right margin.
float: left; change, the image lays at left side of page.

PUT AT CENTER

You have to insert among your text these statements:

<p align="center"> <a href="../../immagini/signorimedioev.jpg" target="_blank"><img src="../../immagini/signorimedioev.jpg" width="440" height="271" alt="" /></a><br />
</p>

To make the same things it's possible too by using tables, putting the elements into a table column or row.