label inside input code example

Example 1: html input label

<!-- By reference -->
<label for="first_name">First Name</label>
<input type="text" id="first_name" name="first_name">

<!-- By wrapping -->
<label>First Name
  <input type="text" name="first_name">
</label>

Example 2: html input label inside

<style>
#input_group{
  position:relative
}

#label{
  position:absolute;
  left:5px;
  top:50%;
  transform:translate(0,-50%)
}

#input{
  padding-left:40px
}</style>

<div id='input_group'>
  <label id='label' for="input">Label:</label>
  <input id='input' type="text">
</div>