Gleiche Ränder zwischen den Zeilenelementen

Question

Ich versuche, gleiche Rander zwischen den Zeilenelementen zu machen. Ich lege den Text in die Vertiefungen und möchte, dass diese Vertiefungen gleiche Ränder haben, d. H. Die erste und die zweite Reihe sollten den gleichen Abstand zwischen ihren Blöcken haben. Aber leider stimmen die Elemente der zweiten Zeile nicht mit den eingestellten Parametern überein.

div.well{ 
height:600px; 
display:inline-block 
margin:10px 10px 10px 10px; 
overflow: auto; 
    } 

Ich habe eine Frage, die mich wirklich stört! Warum ist das so? Warum entsprechen die Elemente der ersten Zeile den Parametern, die zweiten nicht?

http://codepen.io/Zarina-374/pen/KMVevP

Ich würde wirklich zu schätzen Ihre Hilfe!

Answer 1

Es gibt ein Semikolon fehlt nach display:inline-block in -

div.well{ 
height:600px; 
display:inline-block 
margin:10px 10px 10px 10px; 
overflow: auto; 
} 

Auch diese css hinzufügen

.jumbotron{ 
    text-align: left; 
} 

Answer 2

plz fügen Sie eine halb Spalte auf "display: inline-block;" seine Arbeit

div.well{ 
    height:600px; 
    display:inline-block; 
    margin:10px 10px 10px 10px; 
    overflow: auto; 
     }