damir

<h2>Табличная вёрстка</h2>  

<table class="ceasar">  

<tr>  

<th></th> 

<th colspan="3" align="left">Юлий Цезарь</th>  

</tr>  <tr> <td><img src="images/ceasar.jpg"></td>  

<td>

<p align="justify">В 44 г. до н.э. Юлий Цезарь, достигнув высшей власти и осыпанный всеми титулами и почестями, которые могла дать республика, провозглашает себя пожизненным диктатором. Сторонники республики убивают Цезаря. Но римляне не поддержали убийц Цезаря, несмотря на все их благородные намерения. Вспыхнула гражданская война, в результате которой Римская республика пала, и Рим стал империей. Цезарь был кумиром для многих политиков будущего, и его слова &laquo;

<em>Veni</em>. 

<em>Vedi</em>. 

<em>Vici</em>&raquo; (лат. &laquo;<em>Пришел</em>. 

<em>Увидел</em>.

<em>Победил</em>&raquo;) стали девизом для многих.

</p></td>  

<td class="ad"><img src="images/salad.jpg">  

<p><a href="https://art-lunch.ru/recipe/salat-cezar_foto/" target="_blank">Рецепт салата &laquo;Цезарь&raquo;</a></p>  

</td>  

</tr>

table td {

text-align: center;

}

tr.header {

background-image: url(images/back.jpg);

color: white;

font-family: sans-serif;

text-align: center;

}

td.picture {

width: 33%;

background-image: url(images/paper.jpg);

padding: 10px;

}

td.note {

font-family: Arial; 

  font-family: sans-serif;

  padding-top: 5px;

  padding-bottom: 5px;

  padding-left: 10px;

  padding-right: 10px;

  text-align: center;

  color: #800000;

}

table.flower {

margin-top: 10px;

}

table.ceasar td.ad{

 background: #E3E3FF;

 border: 1px solid #CCCCCC;

}