Css 标题标记左侧的随机空间

我有一个h3标签，里面的文本与下面的内容不正确对齐。它不能是边距或填充，因为它是h3本身，它的左侧包含额外的空间。我已经使用“相对位置”将其与下面的内容对齐，但我想了解问题所在。提前感谢

HTML:

---

这只是字体决定的。将字体更改为Times New Roman，边距将消失。把D换成T，就没有间隔了。在字体中，每个字母都有某种边界框，有些字母的边界框比字母本身大

如果您想删除它，（我绝对不建议这样做，因为它是这样制作的，因为它看起来很好看），您可以通过对标记应用负的

左边距
。但请记住，这可能会因设备而异，尤其是在不同的起始字母之间。所以不要这样做；-）

请参见此处的工作方法：

包括这不是一个好主意的原因。
您可以使用
位置：relative；右：2px但这需要与您所做的任何其他工作配合使用。
您应该添加一个工作示例/一些代码。
    <div class="details_section">
      <h3>Details</h3>
      <p class="bold">Name:</p>
      <p>Kaleb Meeks</p>
      <p class="bold">Age:</p>
      <p>19</p>
      <p class="bold">Location:</p>
      <p>Mississippi,United States</p>
     </div>

 .details_section {
   width:100%;
   height: 100%;
   padding-left:5%;
   margin-top:7%;
 }

 .details_section h3 {
   font-size:28px;
   color:#005689;
   font-weight:normal;
  }

  .details_section p {
    display:block;
    font-size:14px;
    color:#000;
  }