如何强制保持边缘空白

Question

这些部分只是贴在边缘上，

我希望他们远离边缘，

怎么做？

我尝试过填充和保证金，但它没有用。

CSS

.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}

Answer 1

从你的屏幕截取不完全清楚哪些元素是哪个...但一般情况下，如果你想将某些东西置于div中（可能是嵌套的div元素），然后添加margin: 0 auto ..注意：为了左/右中心，它必须有定义的宽度......

你需要仔细观察位置..浮动：左，浮动：右边会把东西推向那些方向......

<div class="container">
    <div style="width: 200px, margin: 0 auto;"> content of interest  </div>
</div>