Ich habe wieder ein CSS Problem. Ich möchte eine Sektion in der Mitte einordnen und habe gehört man soll in CSS "align: center;" eingeben doch das geht nicht. Kann mir wer helfen wäre nett.
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div>
<center>
<section class="section1">
<h1>Irgendein Text den niemand braucht</h1>
<p id="text1">Hallo das ist der Beispieltext um das zu erklären.</p>
<p id="text2">Hallo das ist der Beispieltext um das zu erklären.</p>
<p id="text3">Man muss sich vorstellen dass das alles in einer section ist.</p>
<a href="https://ffffidget.com" target="_blank">
<button>Langweilig? Klick hier</button>
</a>
<a>
<img href="https://www.porsche.com/germany/" src=“images/icon.jpg“>.
</a>
</section>
</center>
</div>
</body>
</html>
Style.css
.section1 {
width: 400px;
text-align: center;
border-radius: 15px;
background-image: url();
}
body {
background-image: url(images/katze.png);
}
.link {
color: pink;
}
Ich habe das jetzt mit <center>........</center> gemacht aber ich würde das gerne ohne <center> machen.