Я хочу, чтобы третий элемент div располагался ниже первых двух в этом гибком макете, но я не могу этого добиться. ⇐ Html

[Anonymous]

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

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-size: 15px;
font-family: 'Times New Roman', Times, serif;
}

.container {
margin: 50px auto 0;
border: 2px black solid;
width: 90%;
height: auto;
display: flex;
}

.header {
text-align: center;
justify-content: center;
margin: auto;
font-size: 15px;
}

.heading {
justify-content: flex-start;
flex-direction: column;
}

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

[img]css/logo.png[/img]

DEPARTMENT OF FORENSIC MEDICINE
POST GRADUATE INSTITUTE OF MEDICAL EDUCATION AND
RESEARCH,CHANDIGARH



Forensic Toxicology Laboratory

Мой макет для печати содержит логотип и многострочный заголовок в качестве заголовка. Ниже будет размещен заголовок. Я не могу разместить заголовок под заголовком.
Я также хотел бы добавить горизонтальную линию над и под заголовком:
< img src="https://i.sstatic.net/DqqsO.png" />
Я надеюсь создать это:


Подробнее здесь: https://stackoverflow.com/questions/765 ... ut-am-unab