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

92 votes179 views5 answers
Change bootstrap background color
Html
91 votes171 views6 answers
Bootstrap text color
Html
3 votes265 views3 answers
Html sms link
Html
4 votes293 views6 answers
Uncaught ReferenceError: $ is not defined
Html
11 votes187 views1 answer
Create page html
Html
2 votes188 views1 answer
Textarea angular onfocus
Html
0 vote155 views1 answer
Cmd find who is login remote computer
Html
0 vote193 views1 answer
How to make a div a checkbox html
Html
2 votes187 views2 answers
On div click call otherAction
Html
13 votes182 views6 answers
Html reload button
Html