html - 如何缩进标题？

Question

我的 h4 header 周围有一个边框:

h4 {
  border-width: 2px;
  border-radius: 25px;
  border-color: gray;
  width: 90%;
  border-style: solid;
  padding: 5px;
}

呈现为

我想将整个页眉(包括边框)缩进50px。添加 text-indent: 50px; 只缩进文本，而不缩进边框(而且 border-indent 显然不存在)

应该怎么做才能使边框也缩进(或缩进，将文本拖动到其中)？

Answer 1

使用边距:

h4 {
  border-width: 2px;
  border-radius: 25px;
  border-color: gray;
  width: 90%;
  border-style: solid;
  padding: 5px;
  margin-left: 50px; /* change this as you like */
}

margin 将移动整个元素，而 padding 将增加内容和边框之间的空间。

看这张图了解区别: