jquery - 2 つの別々の列を中央揃え

Question

2 つの列があり、1 つは jquery masonry グリッド (動的) で、もう 1 つはツイート用の別の列です。

ブラウザのサイズが変更されても、両方の列を中央に配置したい。ブラウザーが拡大/縮小しても石積みのグリッドを中央に配置できますが、ツイートの列が左に固定されます。つぶやきの列は石積みのグリッドに沿って移動した方がいいと思います。

どうすれば両方を中心に保つことができますか?

<div id='homepagecontainer' style="float:right; width:100%; margin-left:-280px;">

<div id="tweetaside" style="float:left; margin-left:10px;margin-top:-10px;width:260px;">
  <div style="width:250px;">
     Long list of Tweets!!
  </div>
</div>

<div id="masonrygrid" style="margin-left:280px;">
  <div id="homepagescroll" style="margin: 0 auto;">
      <center>
         Masonry Grid Data
      </center>  
    </div>
  </div>
</div>

</div>