/    Sign up×
Community /Pin to ProfileBookmark

Input padding

Copy linkTweet thisAlerts:
Nov 08.2005

hi

How do i make a padding for an input text box form element?

thanks in advance.

to post a comment
CSS

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@LiLcRaZyFuZzYNov 08.2005 — <i>
</i>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;&lt;/title&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
&lt;style type="text/css"&gt;
input{
padding: 2em;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;form method="post" action="#"&gt;
&lt;input type="text"&gt;
&lt;input type="button" value="Send"&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
Copy linkTweet thisAlerts:
@ricosushiauthorNov 10.2005 — mmm...

What i wanted was to make a space beetwen the form elements and other elements like text.


I included an image to illustrate what i want.

[upl-file uuid=bd2daf66-7374-4919-8905-2e4460d71df0 size=7kB]Picture-1.jpg[/upl-file]
Copy linkTweet thisAlerts:
@LiLcRaZyFuZzYNov 10.2005 — i fail to see any difference!
Copy linkTweet thisAlerts:
@ricosushiauthorNov 10.2005 — i fail to see any difference![/QUOTE]
oops. i edited it already.
Copy linkTweet thisAlerts:
@LiLcRaZyFuZzYNov 10.2005 — <i>
</i>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;&lt;/title&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
&lt;style type="text/css"&gt;
input{
margin: 0 2em;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;form method="post" action="#"&gt;
&lt;input type="text"&gt;
&lt;input type="text"&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
Copy linkTweet thisAlerts:
@ricosushiauthorNov 10.2005 — Thanks ?
Copy linkTweet thisAlerts:
@LiLcRaZyFuZzYNov 11.2005 — You're welcome, but, you gotta post clearer question if you want correct answers ?
×

Success!

Help @ricosushi spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...