Я работаю над игровым сайтом и хочу разместить два div внутри div 'header' таким образом, чтобы они были выровнены по горизонтали, а слева и справа от этого контейнера div. Ниже приведен пример:
Oli Matt
Вот моя попытка. Какая у меня ошибка?
HTML:
<div class="header">
<div class="playerOne">
Oli
</div>
<div class="playerTwo">
Matt
</div>
</div>
CSS
.header{
display: inline-block;
}
.playerOne{
margin-left: 0;
}
.playerTwo{
margin-right: 0;
}