html - 在自动生成的标签标签内居中文本

Question

我从 CMS 中获得以下 html 片段:

<label title="">
    Land
    <input id="Land" name="Land" size="20" type="text" value="">
    <span class="field-validation-valid" data-valmsg-for="Land" data-valmsg-replace="true"></span>
</label>

我需要将文本 Land 居中，但我似乎无法弄明白。我试过在标签上设置 text-align: center，但它不起作用。我无法修改标记。我缺少的是简单的东西吗？

编辑:我想将它集中在这个输入上:

不要介意输入字段的右边缘。 标签 占输入字段宽度的 100%。

Answer 1

有两种方法可以解决这个问题。

1.display 属性指定元素是否/如何显示，因此标签必须显示为 block 或内联 block 以使其居中

label {
  display: inline-block;
  text-align: center;
}

2.可以使用html标签中心

<center>
  <label title=""> 
     Land
     <input id="Land" name="Land" size="20" type="text" value="">
     <span class="field-validation-valid" data-valmsg-for="Land" data-valmsg-  replace="true"></span>
  </label>
</center>

如果你想让 Land 这个词在居中的 Label 上居中，你可以添加这个

<center>Land</center>