Div in Div ausrichten

[HM]

Leute ihr kennt das ewige Leiden horizontal ausrichten per CSS!!

Schaut euch bitte beide Screenshots an. Der Code für die Div mit den grünen Rechtecken ist:

.team-left-w3l-agile{
    float: left;
    width: 24%;
    position: relative;
    padding: 10px;
    margin: 30px 0 5px 30px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    -ms-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 1%;
	background-color:#C7DB00;
	}

Der Code für das Div umrandet in rot ist:

.agile_team_grids {
    margin-top: 3em;
	border: red 1px solid;
}

Habe schon einige Code-Varianten durch aber nichts führte zu dem was ich möchte. Kann mir jemand einen Tip geben bitte?