Hey. Ich hab versucht, dass Bild unten nachzustellen aber iwie krieg ichs nicht him dem Border ne weite von 60% und ne stärke von 2px geben aber irgendwie ändert sich da nichts. Könnt ihr mir da helfen?
HTML
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Unbenanntes Dokument</title>
<style type="text/css">
.flex-container {
border-style: solid;
padding: 1em;
border-color:#B54648;
margin: 0;
list-style: none;
display: flex;
flex-flow: nowrap;
justify-content: flex-start;
}
.flex-item {
background: #8cacea;
width: 100px;
height: 100px;
margin: 8px;
color: black;
font-size: 2em;
text-align: left;
}
h1 {
font-size: 1em;
}
</style>
</head>
<body>
<ul class="flex-container">
<h1>Text</h1>
<li class="flex-item">Text</li>
<li class="flex-item">Text</li>
<li class="flex-item">Text</li>
</ul>
</body>
</html>
Alles anzeigen