Hallo!
Obwohl ich schon seit einigen Jahren recht sicher in Programmiersprachen wie Java und C# bin, hab ich mich jetzt an ein Webprojekt gewagt. Ich benutze React, doch brauche natürlich auch CSS.
Jetzt habe ich folgendes Problem. Ich will hier den Titel einfach um 1em nach unten verschieben. Wie schaffe ich das? Ich habe es einfach mit
margin-top: 1em;
versucht, aber dadurch wird aus irgendeinem Grund das ganze
<div className='home'>
nach unten verschoben. Wieso?
Unten findet ihr Bilder, zum einen wie es ohne margin aussieht, dann wie es mit margin aussieht. Hier findet ihr den Code:
HTML:
<div className='home'>
<h1>Willkommen!</h1>
</div>
CSS:
.home{
background: #375398;
height: 100vh;
width: auto;
margin-left: 250px;
}
h1{
font-size: 3rem;
color: white;
margin-left: 1em;
/*margin-top: 1em*/
}