Я новичок в разработке веб-сайтов и в настоящее время все еще прохожу курс ... У нас есть это задание, и есть только одна вещь, которую я не могу понять (каламбур).
В изображение "проблемное" изображение находится в правильном положении, но выравнивание текста отключено .. Текст должен быть таким, как показано на изображении "решение"
#article {
width: 650px;
min-height: 280px;
margin: 20px;
}
#article p {
font-size: .8em;
line-height: 1.6em;
}
#win {
position: relative;
left: 160px;
top: 40px;
float: right;
}
<body>
<div id="article">
<a href="mailto:brent.claes97@hotmail.com?subject=GRATIS HUISKAMER CONCERT&body=Ik wil graag kans maken op het winnen van het GRATIS huiskamerconcert.">
<img id="win" src="img/gratis.png" alt="test"/>
</a>
<h1>de spikes & de spikids</h1>
<p>
Dit is de officiële Spikes-site (dus: de enige echte)! Hier vindt u alle
informatie en nog véél méér onzin over de knotsgekke bands de Spikes en de
Spikids. Volg ons op
<a href="https://www.facebook.com/despikes" target="_blank">Facebook.</a> De
foto's die wij van jou schieten op onze optredens – vind je voortaan op
facebook. Op onze eigenste
<a
href="https://www.youtube.com/channel/UCTUYz6ynn0M-vHxUXJM15NA"
target="_blank"
>YouTube</a
>
SPIKES TV kom je alvast in de stemming. Véél kijkplezier!
</p>
<h1>De Spikes anno 2015</h1>
<p>
De Spikes hebben zichzelf microscopisch onder de loep genomen. Er is gewikt,
gewogen en het orakel heeft beslist! Het jarenlange succesvolle
Spikes-concept heeft z’n houdbaarheidsdatum bereikt. Het tijdperk van de
“spottende parodieën en persiflages” is voorgoed voorbij. Het muzikaal
voornemen is om “het muzikaal OORgasme” tot méérvoudige hoogtes te brengen
in 2015 – en tegelijkertijd toch “dé allerleukste coverband uit België” te
blijven.
</p>
</div>
Я уже некоторое время борюсь с этим, решение могло бы мне ОЧЕНЬ помочь! :)
Заранее спасибо всем, кто на это ответит!
PROBLEM_IMAGE
SOLUTION_IMAGE