"divs" yatay olarak nasıl görüntülenir?

Question

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

Burada bir kök div var. Çocuk divlerini yatay olarak görüntülemek istiyorum. Bu nasıl yapılır?

Answer 1

Bunu mu demek istediniz?

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

or 

#Content { 
    text-align: center; 
} 

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

Answer 2

Kullanım inline-block Fiddle:

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

}

veya kullanabilirsiniz şamandıra Fiddle:

#signupContent { 
float: right; 

}