Николай Демидов

Может разбить блоки как то так?
Создаем 1 основной див, туда помещаем еще 2, в каждом из которых будет по одной стороне. А потом, т.к. правый блок меньше, чем левый мы просто задаем отступ сверху правому блоку. Сейчас попробую сверстать что то подобное, скину, если выйдет адекватно)

Здравствуйте, как вариант использовать свойство position.

HTML

<div class="card">
      <img class="top-img" src="img\fon.png" width="480" height="180" />
      <h2>Базовый HTML</h2>
      <ul>
        <li>Базовые теги</li>
        <li>Теги картинок и ссылок</li>
        <li>Теги таблиц</li>
        <li>Служебные теги</li>
        <li>Кодстайл HTML</li>
        <p class="some-text">02</p>
      </ul>
    </div>

CSS

.card {
  background-color: white;
  width: 480px;
  height: 500px;
  box-shadow: 2px 4px 9px -4px #000000;
  position: relative;
}

.some-text {
  position: absolute;
  right: 0;
  bottom: 0;
}