HTML 文本字段的标签显示为三行

Question

我已经创建了一个输入文本字段并使用 html 为其提供了一个标签，但我没有在一行中显示标签，而是面临标签以三行显示的问题。

label {
  display: inline-block;
  position: relative;
  width: 5px;
  top: 0px;
  left: -193px;
  color: #999;
  font-family: 'Helvetica', sans-serif;
  font-size: 16px;
  font-weight: lighter;
  z-index: 1;
  transition: all 0.2s ease-in;
}

<input type="text" name="verficationcode" required autocomplete="off">
<label for="verficationcode">Enter code here</label>

Image

Answer 1

注释掉或调整width属性:

label {
    display: inline-block;
    position: relative;
    /*width: 5px;*/
    top: 0px; 
    /*left: -193px;*/
    color: #999;
    font-family: 'Helvetica', sans-serif;
    font-size: 16px;
    font-weight: lighter;
    z-index: 1;
    transition: all 0.2s ease-in;
}

<input type="text" name="verficationcode" required autocomplete="off">
<label for="verficationcode">Enter code here</label>