Html 如何水平显示“div”？

How to display "divs" horizontally?

提问by Xiaojian

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

I have a root div here. I want to display the child divs horizontally. How to do this?

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

采纳答案by DeFeNdog

You mean this?

你是这个意思？

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

or

#Content {
  text-align: center;
}

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

回答by Sergey6116

Use inline-block Fiddle:

使用内联块小提琴：

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

}

}

or you can use float Fiddle:

或者你可以使用浮动小提琴：

#signupContent {
float: right;

}

}