Код:
<!--HTML-->
<div style="max-width: 100%; width:700px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.498039) 3px 3px 5px; box-sizing: border-box; padding: 20px 15px; background: url('/files/001a/b6/c5/77024.jpg')">
<div style="font-family: GWENT; font-size: 32pt; text-align: center; color: #a3865d; text-shadow: rgba(252, 236, 200, 0.498039)">АВЕРС КАРТ (ЗАНЯТЫЕ ВНЕШНОСТИ)</div>
<table border="1" width="100%;">
<! -- Начало строки1 -->
<tr>
<td colspan="2">
<! -- Начало колонки -->
<td width="320px;"> <div style="font-family: GWENT; font-size: 20pt; text-align: center; color: #a3865d; text-shadow: rgba(252, 236, 200, 0.498039)">A-B-C-D</div>
<br>
<br>
<! -- Бэкграунд-->
<div style="display: block;"><div style="max-width: 100%; width:320px; background: url('/files/001a/b6/c5/66995.png')"><div style="box-sizing: border-box; padding: 35px; color: #301c08; font-size:11pt; font-family: Verdana; text-shadow: rgba(252, 236, 200, 0.498039) 1px 1px 2px; line-height:15pt; text-align: left; width: 300px; max-width:100%; margin-top: -25px; margin-bottom: -20px">
<! -- Занятая внешность.-->
<br><div style="font-family: GWENT; font-size: 10pt; text-align: center; color: #240e07; text-shadow: rgba(252, 236, 200, 0.498039)">Занятая внешность - Имя персонажа.
</div>
</div></div><br></div>
</div>
</td></div>
<! -- Конец Колонки-->
<! -- Начало колонки -->
<td width="320px;"> <div style="font-family: GWENT; font-size: 20pt; text-align: center; color: #a3865d; text-shadow: rgba(252, 236, 200, 0.498039)">E-F-G-H</div>
<br>
<br>
<! -- Бэкграунд-->
<div style="display: block;"><div style="max-width: 100%; width:320px; background: url('/files/001a/b6/c5/66995.png')"><div style="box-sizing: border-box; padding: 35px; color: #301c08; font-size:11pt; font-family: Verdana; text-shadow: rgba(252, 236, 200, 0.498039) 1px 1px 2px; line-height:15pt; text-align: left; width: 300px; max-width:100%; margin-top: -25px; margin-bottom: -20px">
<! -- Занятая внешность.-->
<br><div style="font-family: GWENT; font-size: 10pt; text-align: center; color: #240e07; text-shadow: rgba(252, 236, 200, 0.498039)">Занятая внешность - Имя персонажа.</div>
</div></div><br></div>
</div>
</td></div>
<! -- Конец Колонки-->
</tr><! -- Конец Строки -->
<! -- Начало строки 2 -->
<tr>
<td colspan="2">
<! -- Начало колонки -->
<td width="320px;"> <div style="font-family: GWENT; font-size: 20pt; text-align: center; color: #a3865d; text-shadow: rgba(252, 236, 200, 0.498039)">I-J-K-L</div>
<br>
<br>
<! -- Бэкграунд-->
<div style="display: block;"><div style="max-width: 100%; width:320px; background: url('/files/001a/b6/c5/66995.png')"><div style="box-sizing: border-box; padding: 35px; color: #301c08; font-size:11pt; font-family: Verdana; text-shadow: rgba(252, 236, 200, 0.498039) 1px 1px 2px; line-height:15pt; text-align: left; width: 300px; max-width:100%; margin-top: -25px; margin-bottom: -20px">
<! -- Занятая внешность.-->
<br><div style="font-family: GWENT; font-size: 10pt; text-align: center; color: #240e07; text-shadow: rgba(252, 236, 200, 0.498039)">James Purefoy - Мун</div>
<br><div style="font-family: GWENT; font-size: 10pt; text-align: center; color: #240e07; text-shadow: rgba(252, 236, 200, 0.498039)">Joseph Batey - Лютик</div>
</div></div><br></div>
</div>
</td></div>
<! -- Конец Колонки-->
<! -- Начало колонки -->
<td width="320px;"> <div style="font-family: GWENT; font-size: 20pt; text-align: center; color: #a3865d; text-shadow: rgba(252, 236, 200, 0.498039)">M-N-O-P</div>
<br>
<br>
<! -- Бэкграунд-->
<div style="display: block;"><div style="max-width: 100%; width:320px; background: url('/files/001a/b6/c5/66995.png')"><div style="box-sizing: border-box; padding: 35px; color: #301c08; font-size:11pt; font-family: Verdana; text-shadow: rgba(252, 236, 200, 0.498039) 1px 1px 2px; line-height:15pt; text-align: left; width: 300px; max-width:100%; margin-top: -25px; margin-bottom: -20px">
<! -- Занятая внешность.-->
<br><div style="font-family: GWENT; font-size: 10pt; text-align: center; color: #240e07; text-shadow: rgba(252, 236, 200, 0.498039)">Mark Rowley - Ламберт.</div>
</div></div><br></div>
</div>
</td></div>
<! -- Конец Колонки-->
</tr><! -- Конец Строки -->
<! -- Начало строки 3 -->
<tr>
<td colspan="2">
<! -- Начало колонки -->
<td width="320px;"> <div style="font-family: GWENT; font-size: 20pt; text-align: center; color: #a3865d; text-shadow: rgba(252, 236, 200, 0.498039)">Q-R-S-T</div>
<br>
<br>
<! -- Бэкграунд-->
<div style="display: block;"><div style="max-width: 100%; width:320px; background: url('/files/001a/b6/c5/66995.png')"><div style="box-sizing: border-box; padding: 35px; color: #301c08; font-size:11pt; font-family: Verdana; text-shadow: rgba(252, 236, 200, 0.498039) 1px 1px 2px; line-height:15pt; text-align: left; width: 300px; max-width:100%; margin-top: -25px; margin-bottom: -20px">
<! -- Занятая внешность.-->
<br><div style="font-family: GWENT; font-size: 10pt; text-align: center; color: #240e07; text-shadow: rgba(252, 236, 200, 0.498039)">Tom Hiddleston - Виллентретенмерт</div>
</div></div><br></div>
</div>
</td></div>
<! -- Конец Колонки-->
<! -- Начало колонки -->
<td width="320px;"> <div style="font-family: GWENT; font-size: 20pt; text-align: center; color: #a3865d; text-shadow: rgba(252, 236, 200, 0.498039)">U-V-W-X</div>
<br>
<br>
<! -- Бэкграунд-->
<div style="display: block;"><div style="max-width: 100%; width:320px; background: url('/files/001a/b6/c5/66995.png')"><div style="box-sizing: border-box; padding: 35px; color: #301c08; font-size:11pt; font-family: Verdana; text-shadow: rgba(252, 236, 200, 0.498039) 1px 1px 2px; line-height:15pt; text-align: left; width: 300px; max-width:100%; margin-top: -25px; margin-bottom: -20px">
<! -- Занятая внешность.-->
<br><div style="font-family: GWENT; font-size: 10pt; text-align: center; color: #240e07; text-shadow: rgba(252, 236, 200, 0.498039)">Занятая внешность - Имя персонажа.</div>
</div></div><br></div>
</div>
</td></div>
<! -- Конец Колонки-->
</tr><! -- Конец Строки -->
<! -- Начало строки -->
<tr>
<td colspan="2">
<! -- Начало колонки -->
<td width="320px;"> <div style="font-family: GWENT; font-size: 20pt; text-align: center; color: #a3865d; text-shadow: rgba(252, 236, 200, 0.498039)">Y-Z</div>
<br>
<br>
<! -- Бэкграунд-->
<div style="display: block;"><div style="max-width: 100%; width:320px; background: url('/files/001a/b6/c5/66995.png')"><div style="box-sizing: border-box; padding: 35px; color: #301c08; font-size:11pt; font-family: Verdana; text-shadow: rgba(252, 236, 200, 0.498039) 1px 1px 2px; line-height:15pt; text-align: left; width: 300px; max-width:100%; margin-top: -25px; margin-bottom: -20px">
<! -- Занятая внешность.-->
<br><div style="font-family: GWENT; font-size: 10pt; text-align: center; color: #240e07; text-shadow: rgba(252, 236, 200, 0.498039)">Занятая внешность - Имя персонажа.</div>
</div></div><br></div>
</div>
</td></div>
<! -- Конец Колонки-->
</tr><! -- Конец Строки -->
</table>
</div>