I would like to show two images, each one of them with its caption, in a single page.
Two images have different size (not "very" different), and I have two different e-book readers: Sony PR-S t1 and Kobo Aura H2O.
Do you have any suggestion?
Actual code is:
Code:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta name="charset" content="UTF-8"/>
<title></title>
<link rel="stylesheet" href="../Styles/main.css" type="text/css"/>
</head>
<body>
<h2 style="text-align: center;"><img src="../Images/main-18.jpg" alt=""/><br/></h2>
<div>
<p style="text-align: center;"><span style="font-style:italic;">Figura 1: l'Adige al quartiere s. Alessio e chiesa di s. Giorgio (M. Lotze)</span></p>
<p><span style="font-style:italic;"><br/></span></p>
<p><span style="font-style:italic;"><br/></span></p>
<div style="text-align: center;"><img src="../Images/main-19.jpg" alt=""/></div>
<p style="text-align: center;"><span style="font-style:italic;">Figura 2: Case sul fiume nel quartiere S. Alessio (1880)</span></p>
</div>
<div><br/></div>
<div><br/></div>
<div></div>
</body>
</html>
Thank you!
