Hello there,
I've encountered a slight issue with a text input field that has border radius. The first character typed seems to protrude slightly outside the input field due to the border radius. Is there a way to add some extra whitespace before the first character to fix this?
Here's the HTML code:
<label for="u_name">Username</label>
<input type="text" name="u_name" value="">
And here's the corresponding CSS:
input[type=text], [type=email], [type=password] {
width: 300px;
border-radius: 50px;
font-size: 15px;
display: block;
}