CSS разметку как правило хранят в css файлах. А у вас он в теле html документа. Что действительно в будущем если у вас будет с десяток страниц затруднит их редактирования.
Создайте в каждом html документе в header такую строчку:
Код:<link rel="stylesheet" href="путь_к_файлу_.css" type="text/css">
И весь свой css код перенесите туда,
только без тэгов Код:<style type=text/css>
и </style>
Что касается самого html кода:
Код:<td height="320" width="620">
<img hspace="8" align="left" src="/Sapphire276.jpg"/>
<font size="4" face="Myriad Pro" color="white">
</font><p><font size="4" face="Myriad Pro" color="white">100% Природный сапфир.</font></p><div style=""/>
<p><font size="4" face="Myriad Pro" color="white">Вес - 2.76 Ct.</font></p><div style=""/>
<p><font size="4" face="Myriad Pro" color="white">Размер - 8.6 x 6.6 x 5.4 mm.</font></p><div style="margin-top: -12pt;"/>
<p><font size="4" face="Myriad Pro" color="white">Огранка - овал.</font></p><div style="margin-top: -12pt;"/>
<p><font size="4" face="Myriad Pro" color="white">Цвет - сине-голубой.</font></p><div style="margin-top: -12pt;"/>
<p><font size="4" face="Myriad Pro" color="white">Чистота - IF-VVS.</font></p><div style="margin-top: -12pt;"/>
<p><font size="4" face="Myriad Pro" color="white">Родина - Шри-Ланка, Цейлон.</font></p><div style="margin-top: -12pt;"/>
<p><font size="4" face="Myriad Pro" color="white">Гретый.</font></p><div style="margin-top: -12pt;"/>
<font size="4" face="Myriad Pro" color="white"/>
<br/><br/><br/><br/>
<font size="5" face="arial" color="#eedd82">
<div align="center">270.00 Ls.</div>
</font>
</td>
Я бы сделал так:
Код:<td height="320" width="620">
<img hspace="8" align="left" src="/Sapphire276.jpg"/>
<p>100% Природный сапфир.</p>
<p>Вес - 2.76 Ct.</p>
<p>Размер - 8.6 x 6.6 x 5.4 mm.</p>
<p>Огранка - овал.</p>
<p>Цвет - сине-голубой.</p>
<p>Чистота - IF-VVS.</p>
<p>Родина - Шри-Ланка, Цейлон.</p>>
<p>Гретый.</p>
<div>270.00 Ls.</div>
</td>
И в css добавил:
Код:td p {
padding: 5px 0; /* 5 - Таким образом мы выставляет отступы между строчек с верху и с низу. 0 - отступы с лева и право.*/
color:#fff; /* цвет текста */
font-size:12px; /* размер */
}
td div {
margin-top:20px; /* отступ с верху */
color:#eedd82; /* цвет цены */
text-align:center; /* ставим цену по центру */
font-family:Arial,sans-serif; /* Шрифт */
}
С остальным думаю разберетесь сами.
Будут еще вопросы, пишите. Поможем.