Wie weisen Sie Anmeldeformularfelder derselben Zeile zu?

Question

Ich möchte Login-Felder in meinem form in der gleichen Zeile wie here sein. Ich habe versucht, einige CSS-Codes, aber das nicht in der Weise, wie ich mag.

Mein Login-Formular:

, wie ich es machen will:

Dies ist CSS für diesen Teil:

.log_forms input[type=text], input[type=password] { 
margin: 10px 0 20px; 
width: 99%; 
padding: 7px 0 7px 4px; 
border: 1px solid #E3E3E3; 

Answer 1

Ihr <div> fehlt a width. Bitte fügen Sie diese in der CSS:

.log-form-group { 
    display: inline-block; 
    width: 48%; 
} 

Vorschau

Aktualisiert

Dies ist die zusätzliche CSS benötigen Sie:

.log_forms input[type=text], input[type=password] {width: 95% !important;} 
.log-form-group {width: 32%;} 

Und Sie erhalten diese: