Quero deixar as div lado a lado e se possível com um linha vertical dividindo
Tentei com div container assim mas nao deu certo:
div {
width: 100px;
height: 100px;
display: inline-block;
}
#container-a {
background-color: white;
}
#container-b {
background-color: white;
}
em HTML
<div id= "container-a">
<label for="input">Qual seu nome? </label>
<input type="text" id=valor>
<input type="submit" onclick="capturar()" value="Escreva Seu eu nome">
<p id="valorDigitado"></p>
</div>
//dividir e colocar lado a lado aqui
<div id= "container-b">
<label for="input">Qual a data do seu nascimento? </label>
<input type="number" id="date" placeholder="data">
<input type="number" id="month" placeholder="mês">
<input type="number" id="year" placeholder="ano">
<button id="calc-btn">Calcular Idade</button>
<p id="show-age"></p>
<div>