Input tag styling with icons


#1

I am creating login form i have problem with styling alignment my code snippet is like this

I am getting output like this

but i want to create like this i think we need to use suedo elements but i can’t get it can you please help to get it in easy way


#2

You won’t be able to achieve what you need using border-radius. I’ve done some research and apparently, the only way to get the shape you want is by using multiple divs.

This link might give you something to start:
https://jtauber.github.io/articles/css-hexagon.html