Wie wurde dieser Text mit CSS zentriert?

1 Antwort

EchoTech
03.05.2024, 09:48

der Text wurde in einen Container gesetzt

<body>
    <div class="container">
        <div class="content">
            <h1>Willkommen auf deinem Portal für Hyper-News!</h1>
            <p>Ein einfacher Text, der schön zentriert auf der Seite dargestellt wird.</p>
        </div>
    </div>
</body>

im css Teil wurde dann der Container und der Inhalt angepasst, so ungefähr: 

body, html {
    margin: 0;
    height: 100%;
    font-family: Arial, sans-serif;
}


.container{
    display: flex;
    justify-content: center;
    text-align: center;
    height: 100vh;
}


.content{
    width: 80%;
}

Du musst dich einfach dran probieren. Css ist recht einfach. Wenn später allerdings Javascript dazu kommt, wird es etwas schwieriger. Üb dich erstmal an html, css

Gruß EchoTech
Woher ich das weiß:Berufserfahrung