如果`label`标签是内联元素，应该如何调整使其与`input`对齐？

当`label`标签作为内联元素(`display: inline`)时，想要保持与`input`对齐，你可以考虑以下几种方法：

1. **使用`form`标签**：将`label`和`input`放在一个`<form>`元素内，`<label>`的`for`属性与`<input>`的`id`匹配，这会使浏览器自动将其排列在一起，即使`label`是内联元素。

<form>
  <label for="yourInput">文本框标题</label>
  <input type="text" id="yourInput">
</form>

2. **添加外边距（Margin）**：给`label`添加合适的上边距，让它看起来像是紧挨着`input`的。注意间距应适中，避免影响整体布局。

<label for="yourInput" style="margin-top: 5px;">文本框标题</label>
<input type="text" id="yourInput">

3. **浮动（Floating）**：虽然这不是最佳实践，但在某些特殊情况下，可以用`float`属性将`label`左浮动，然后清除浮动使`input`跟随其后对齐。但这可能导致其他内容出现问题，所以推荐前两个方法。

<label for="yourInput" style="float: left; clear: left;">文本框标题</label>
<input type="text" id="yourInput">