Eu tenho um HTML com duas DIV. Só que quando eu coloco Display: inline nas duas DIVs, elas não ficam inline, ou seja uma após a outra. Qual o meu erro?
Código HTML
<!DOCTYPE html>
<html>
<head>
<title>Teste</title>
<link rel="stylesheet" href="teste.css">
</head>
<body>
<div id="div01"></div>
<div id="div02"></div>
</body>
</html>
Código CSS
* {
padding: 0;
margin: 0;
}
#div01 {
box-sizing: content-box;
width: 50px;
height: 50px;
background-color: red;
border: 10px solid #0f0;
margin: 25px;
display: inline;
}
#div02 {
box-sizing: content-box;
width: 50px;
height: 50px;
background-color: blue;
border: 10px solid #0f0;
margin: 25px;
display: inline;
}
Como ficou!
