如何水平显示“div”？

Question

<div id="Content">
    <div id="loginContent"></div>
    <div id="signupContent"></div>
</div>

我这里有一个根div。我想水平显示子div。怎么做？

Answer 1

你是说这个？

#loginContent,
#signupContent {
    float: left;
    width: 50%;
}

or

#Content {
  text-align: center;
}

#loginContent,
#signupContent {
    display: inline-block;
}

Answer 2

使用内联块Fiddle：

#loginContent, #signupContent {
display: inline-block;

}

或者你可以使用float Fiddle：

#signupContent {
float: right;

}