Brak reakcji tekstu na margin

Question

Witam, szukam rozwiązania dłuższy czas, ale nie mogę go znaleźć. Chcę aby cytat leżał nie przy samej granicy diva tylko niżej, więc zastosowałem margin-top, zjechał w dół tylko "Steve Jobs", cytat "ani drgnął".

<div class="cytat">
		<q class="slowa">Kiedy chcę pobudzić swój mózg do pracy, włączam komputer. Kiedy chcę odpocząć, włączam telewizor.</q><p class="slowa">Steve Jobs</p>
	</div>

.cytat{
	position: absolute;
	bottom: 0;
	background-color: #000000;
	height: 150px;
	width: 100%;
	text-align: center;
}
.slowa{
	color: #d0b16b;
	font-size: 20px;
	letter-spacing: 1px;
	font-family: 'Gilda Display', serif;
	margin-top: 40px;
}

 

Answer 1

<q></q>, zmień to na <p></p>

Albo do .slowa dodaj display: block;

Answer 2

Spróbuj zamienić znacznik q na p.

Comments

Działa jak zmieni, tylko czemu nie może być cytat czyli q?

---

<q> jest pewnie inline i przez to są problemy z marginem

---

Możesz też zrobić <p><q>Treść</q></p>

Answer 3

.słowa {color: #d0b16b;font-size: 20px;letter-spacing: 1px;font-family: 'Gilda Display', serif; margin-top: 40px; font-style: italic} i q na p. Z tego co zrozumiałem chodzi ci o pochylony tekst.