HTML文本字段'；s标签以三行显示

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

标签{
显示：内联块；
位置：相对位置；
宽度：5px；
顶部：0px；
左：-193px；
颜色：#999；
字体系列：“Helvetica”，无衬线；
字体大小：16px；
字体重量：较轻；
z指数：1；
过渡：所有0.2秒缓进；
}

在此处输入代码

注释或调整

宽度

属性：

标签{
显示：内联块；
位置：相对位置；
/*宽度：5px*/
顶部：0px；
/*左：-193px*/
颜色：#999；
字体系列：“Helvetica”，无衬线；
字体大小：16px；
字体重量：较轻；
z指数：1；
过渡：所有0.2秒缓进；
}

在此处输入代码

尝试此css

label{
    white-space:nowrap;
}

但您可以使用占位符而不是像这样的标签

<input type="text" name="verficationcode" required autocomplete="off" placeholder="Enter verification code here">

---

更改html的位置并使用此css

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

标签{
显示：内联块；
位置：相对位置；
顶部：0px；
右侧填充：15px；
颜色：#999；
字体系列：“Helvetica”，无衬线；
字体大小：16px；
字体重量：较轻；
z指数：1；
过渡：所有0.2秒缓进；
}

在此处输入代码

请查看下面的代码。 从CSS中删除此处不需要的position、left、top属性

标签{
显示：内联块；
宽度：自动；
颜色：#999；
字体系列：“Helvetica”，无衬线；
字体大小：16px；
字体重量：较轻；
z指数：1；
过渡：所有0.2秒缓进；
}

在此处输入代码

，因为您将其宽度设为5px，所以在不设置nowrap的情况下删除它应该可以工作