Html input with icon right

<div class="input-icon-wrap">
  <span class="input-icon">
    <span class="fa fa-user"></span>
      
    </span>
  <input type="text" class="input-with-icon" id="form-name">
</div>  	


// css
.input-icon-wrap {
  border: 1px solid #ddd;    
  display: flex;
  flex-direction: row;
}

.input-icon {
  background: #ddd;
}

.input-with-icon {
  border: none;
  flex: 1;
}

.input-icon, .input-with-icon {
  padding: 10px;
}

Source: codepen.io

Similar codes

0 vote164 views1 answer
Img tamanho html
Html
0 vote154 views1 answer
Insérer pdf dans html
Html
0 vote155 views1 answer
How to remove dust from laptop
Html
1 vote164 views2 answers
Check build version for html text in android
Html
14 votes156 views5 answers
Html file
Html
29 votes149 views4 answers
Meta responsive
Html
1 vote133 views2 answers
Html web design
Html
0 vote156 views1 answer
Only one of my checkboxes will check if i click on its label
Html
0 vote153 views1 answer
Google web fonts open sans
Html
5 votes195 views4 answers
How to directly transfer data from html to controller in laravel
Html