[html]<p><center><span style="font-size: 22px"><span style="font-family: Lobster;color: gray">Навигация по разделу</span></span></center></p>
<center><figure class="caption-border">
    <img src="https://image.ibb.co/chTNwT/1.jpg">
    <figcaption><font face="Gorgia">Сколько нам открытий новых</font></figcaption>
</figure></center><br>
<hr>
<p>Ознакомиться с подробным описанием материков, стран и островов мира вы можете в теме <a href="http://lepidus.ru/viewtopic.php?id=3670">география</a>. Здесь вы найдете древовидную схему областей, городов и деревень, входящих в их состав. <br>
Вы также можете обратиться к политической карте материка Лациум, чтобы иметь более четкое представление о том месте, где сосредоточены основные события игры.</p>
<hr>
<center><ul class="treeCSS">
  <li><font size="4">Лациум</font>
    <ul>
      <li><a href="http://lepidus.ru/viewtopic.php?id=3670#p162000"><font size="3">Дюссельфолд</font></a>
        <ul>
          <li><a href="http://lepidus.ru/viewtopic.php?id=3723#p163482"><font size="3">г.  Уэсс</font></a>
          <li>Валенштайнский округ
<ul>
<li><a href="http://lepidus.ru/viewtopic.php?id=3711"><font size="3">г. Валенштайн</font></a>
<li><a href="URL"><font size="3">д. Альхальд</font></a>
<li><a href="http://lepidus.ru/viewtopic.php?id=3722#p163477"><font size="3">д.Енох</font></a>

</ul>
<li><a href="http://lepidus.ru/viewtopic.php?id=3724#p163483"><font size="3">г. Смоук</font></a>
        </ul>
  <li><a href="http://lepidus.ru/viewtopic.php?id=3670#p161958">Лиаван</a>
      <li><a href="http://lepidus.ru/viewtopic.php?id=3670#p161963">Тезея</a>
    </ul>
</ul></center>
<br>
<br>
<br>
<center><img src="https://image.ibb.co/e6RmO8/image.jpg" alt="Карта Лациума"></center>
<center><a href="https://image.ibb.co/kLyq1T/image.jpg"><font size="3">Крупный формат карты</font></a></center>
<center><a href="https://i.ibb.co/HXgptdY/03-05.jpg"><font size="3">Крупный формат географической карты</font></a></center>

<style>
.treeCSS,
.treeCSS ul {

  position: relative;       
  display: table;
  margin: 5px 0 0 0 !important;
  padding: 6px 0 0 0 !important;
  line-height: normal;
  text-align: center;
  word-wrap: break-word;
  word-break: break-all;
}
.treeCSS li {
  position: relative;
  display: table-cell;
}
/* Отступ между пунктами */
.treeCSS li:not(:only-child) {
  padding: 0 .5em;
}
.treeCSS li:last-child {
  padding-right: 0;
}
.treeCSS li:first-child {
  padding-left: 0;
}
/* Линии */
.treeCSS ul:before,
.treeCSS ul li:before,
.treeCSS ul li:after {
  content: "";
  position: absolute;
  top: -5px;
  left: 0;
  width: 50%;
  height: 5px;
  border-right: 1px solid #999;
}
.treeCSS ul:before {
  top: -4px;
}
.treeCSS ul li:not(:only-child):before {
  border-top: 1px solid #999;
}
.treeCSS ul li:not(:only-child):first-child:before {
  right: 0;
  left: auto;
  border-left: 1px solid #999;
  border-right: none;
}
.treeCSS ul li:not(:only-child):first-child:before,
.treeCSS ul li:not(:only-child):last-child:before { /* необязательно, 0.5 взят из свойства padding в селекторе .treeCSS li:not(:only-child) */
  width: calc(50% + .5em/2);
}
.treeCSS ul li:after {
  border: none;
}
.treeCSS ul li:not(:last-child):not(:first-child):after {
  width: 100%;
  border-top: 1px solid #999;
}
</style>
<link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>

[/html]