Wie bekomme ich Content und Sidebar auf eine Ebene?

[COLOR=#333333][FONT=sans-serif]Hallo![/FONT][/COLOR]
[COLOR=#333333][FONT=sans-serif]Ich habe eine Frage bezüglich CSS:
Meine Webseite hat jetzt ein responsive Design und der parameter width ändert sich je nach Gerät. Das Problem ist jetzt nur, dass Content Field und Widget Area nicht mehr mittig liegen. Habe auch schon versucht die floats zu ersetzen und zu ändern, aber ne responsive Lösung fällt mir nicht ein :([/FONT][/COLOR]
[COLOR=#333333][FONT=sans-serif]Der Code:
[/FONT][/COLOR]
.site-content {
float: left;
width: 65.104166667%;
}

.widget-area {
float: right;
width: 26.041666667%;
}

[COLOR=#333333][FONT=sans-serif]Wie passe ich den Code an, dass beide Element mittig aneinander liegen und nicht an den Rändern vom Screen?[/FONT][/COLOR]
[COLOR=#333333][FONT=sans-serif]Danke im Voraus!

Lg. Akladi[/FONT][/COLOR]