How to expand a placeholder space in html?

Question

<input type="text" placeholder="email>
i want to expand my placeholder space so that the space would be left to right end position of my phone

Answer 1

Ajoy However, it will make every input fields look the same, so you should give an id or a class in the input and using that you can style it later. Like :

HTML :

<input type="email" placeholder="Email" id="input-email">

CSS :

#input-email {
height: 35px;
width: 100vw;
padding: 0 5px;
}

You can also set your own height and width :))

Answer 2

Please include your code, so that we can understand what's the problem :))

Do you mean the input size?

Answer 3

Ajoy Chowdhury Consider the following line :

input {
height: 35px;
width: 100vw;
padding: 0 5px;
}

Answer 4

Yes can it by placing

&nbsp;

before the word which a single space

ex:
<input type="text" placeholder="&nbsp; &nbsp; &nbsp; &nbsp; email>

this will add 4 spaces

Answer 5

just add size in the input.
<div>
<label for="username">Username</label>
<input type="text" id="username" placeholder="Enter Your Username" required size="30">
</div>

Answer 6

We can use a padding
For an example contact me

Answer 7

Arb Rahim Badsa thanks a lot bro, it works 😊

Answer 8

You can't change the space of a placeholder. But you can expand the width of the form and then increase font-size. Then there would be more space for placeholders

Answer 9

Yes that is a possibility

Answer 10

What do you want to achieve?