我在一个游戏网站上工作,并希望将两个 div 放置在一个“标题”div 中,使它们水平对齐并位于该容器 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;
}