Boa tarde.. Fiz esse codigo e o justify-content: space-between; nao funciona.. alguem poderia me dizer o por que?
Segue o código.
HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="flex.css">
</head>
<body>
<div class="container">
<ul>
<li><h1>Titulo</h1><p>texto</p><button>OK</button></li>
<li><h1>Titulo</h1><p>texto</p><button>OK</button></li>
<li><h1>Titulo</h1><p>texto</p><button>OK</button></li>
</ul>
</div>
</body>
</html>CSS:
body{
background-color:;
}
h1{
font-size: 1.5em;
}
.container{
background-color: red;
width:50%;
display:flex;
justify-content: space-between;
}
.container ul{
display:flex;
}