Comment alligner des champs de formulaire de connexion à la même ligne?

Question

Je veux alligner les champs de connexion dans mon form pour être dans la même rangée comme est here. J'ai essayé quelques codes CSS, mais cela ne s'aligne pas comme je l'aime.

Mon formulaire de connexion:

Comment je veux faire:

Ceci est CSS pour cette partie:

.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

Votre <div> manque un width. S'il vous plaît ajouter ceci dans le CSS:

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

Aperçu

Mise à jour

C'est le CSS supplémentaire dont vous avez besoin:

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

Et vous obtenez ceci: