Problema com posicionamento de div

[joaohenrique010 0]

Olá! Estou tendo um problema com position: relative;

 

Preciso que duas divs, que estão contidas em uma outra div (container) fiquem horizontalmente alinhadas. Se eu utilizar o position absolute, o problema é parcialmente resolvido, mas em outros monitores fica desalinhado. Utilizando o position relative não consigo determinar a distância top com porcentagem (o que também é um problema para design responsivo). O que faço?

<div id="container" style="position: relative; width: 97.2%; left: -1.4%; max-width: 1920px; text-align: left; margin: 0 auto;">
<div id="div1">ESTE CONTEÚDO DEVE FICAR À ESQUERDA DA TELA (OK)</div> 
<div id="div2">ESTE CONTEÚDO DEVE FICAR À DIREITA DA TELA (   )</div> 
</div>

Lembrando que as divs precisam estar horizontalmente alinhadas;
*já tentei usar float e não deu certo.

 

Obrigado

[Guilherme Souza Santos 6]

seria isto http://codepen.io/anon/pen/ZYpjqy