I have created a input text field and given a label to it using html but instead of showing label in one line I am facing problem that the label is showing in three lines.
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>
Comment out or adjust the
width
property: