Cách hiển thị "divs" theo chiều ngang?

Question

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

Tôi có div gốc ở đây. Tôi muốn hiển thị các div con theo chiều ngang. làm như thế nào?

Answer 1

Ý bạn là gì?

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

or 

#Content { 
    text-align: center; 
} 

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

Answer 2

Sử dụng inline-block Fiddle:

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

}

hoặc bạn có thể sử dụng phao Fiddle:

#signupContent { 
float: right; 

}