Space before the edge of a form

HTML-CSS
1

Hi all, I am trying to get some space on the right-hand-side of my form, because ast it is, the input boxes are touching the right hand side edges of the form. Please can you give me an hint. I have already try padding, but did not work:
https://codepen.io/fretagi/pen/VwmgoNR?editors=1100

2

Could it be something to do with the ‘span’ element perhaps?

3

? I dont understand… :thinking: I dont have any span tag…

4

The span element is for text, but it might work if you surround it by a div element within the form.

You could try this instead. How to alter the width of a form element.
https://www.w3schools.com/css/css_form.asp

5

Try margins !
either a margin : 0 auto ; to center everything or margin-right / margin-left manullay

6

I did managed to get it right, what I did was to:

box-sizing: border-box;

thank you all for your suggestions

1 Like
7

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.