Html 如何正确对齐图元？

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

HTML

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

---

“正确对齐”是什么意思？水平居中？我只是希望在调整屏幕大小时，它总是从右向左收缩，而不是从左向右收缩，以便无论浏览器大小如何，它的左侧始终处于相同的位置

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