How to make next to input field an icon?

HTML-CSS
1

https://jsfiddle.net/28azm4w9/

So how can make side by side? Without use any framework?

Thanks.

2

Is this what you are after?
https://jsfiddle.net/50htf81c/1/

1 Like
3

This is the easiest way.

HTML:

<label>my icon under now?
      <input placeholder="input next to it an icon?" type="text">
    </label>

CSS:

body {
  margin: 0;
}

input {
  width: 50%;
}