Как установить левую и верхнюю маржу в моем шаблоне начальной загрузки ⇐ CSS

[Anonymous]

Я пишу интерфейс для системы управления библиотекой. Когда пользователь нажимает «Просмотреть книгу», он перенаправляется к подробной информации о книге на загрузочной карточке, как показано на рисунке ниже.


Я пытаюсь установить левое и верхнее поля для карточки книги, но мой код не работает. работает, так как изменений нет отражено.
Ниже приведен мой HTML-код начальной загрузки 4.

Код: Выделить всё

[img]...[/img]

{{book.title}}

Eshte nje roman i mrekullueshem ne kufijte e misterit. Si
per te rritur dhe per femije. Lexojeni me mendje te qarte
dhe te bukur qe te mbeteni te kenaqur.

[list]
[*]Price: {{book.price}}
[*]Is read: {{book.is_read}}
[*]Page num:
[/list]

[url=#]Analyze[/url]
[url={% url ]Borrow[/url]


{% if not book.is_read %}

 {% csrf_token %}
Mark as read


{% endif %}


this is the column col-4 after col-8

И код CSS приведен ниже.

Код: Выделить всё

#book_card {
margin: 0;
padding: 4em, 1em;
margin: 2em;
}

Чтобы быть более точным, я хочу установить один и тот же верхний край для обоих столбцы: col-8 – это контейнер для карточки книги, и col 4 – который будет заполнен другими данными.

Подробнее здесь: https://stackoverflow.com/questions/793 ... p-template