webref.ru

https://webref.ru/layout/learn-html-css/creating-lists

HTML

<div class="div">
        <ul style="">
            <h2>
                <a href="">Тег термы № 1</a>
            </h2>
            <ol>
                <li><a href="">Запись № 1</a></li>
                <li><a href="">Запись № 2</a></li>
                <li><a href="">и т.д.</a></li>
            </ol>
        </ul>
        <ul>
            <h2>
                <a href="">Тег термы № 2</a>
            </h2>
            <ol>
                <li><a href="">Запись № 1</a></li>
                <li><a href="">Запись № 2</a></li>
                <li><a href="">и т.д.</a></li>
            </ol>
        </ul>
    </div>

CSS

.div {
  width: 300px;
  margin: 25px auto;
  border: 1px dashed;
  padding: 5px;
}
.div ul{
  border: 1px dashed red;
}
.div h2 {
  font-size: 15px;
}
.div ul ol{
  display: block;
  border: 1px dotted;
  margin: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
}