如何正确对齐元素？

Question

调整浏览器大小时，我无法保持此元素正确对齐。问题是当我使浏览器更小时，当元素尺寸从右向左缩小时，元素大小会从左向右缩小。这样一来，相对于浏览器大小，左边框始终位于同一位置。下面是我的代码

HTML

</div>
  <div class="content2">
    <h4><a href="{{ article.url }}">{{ article.title }}</a></h4>
    {{ article.excerpt | strip_html | truncatewords:70 }}
  </div>
</div>

CSS

div.content2 {
  margin-right: 200px;
  margin-left: 850px;
  border: 1px solid #000000;
  position: relative;
}