/    Sign up×
Community /Pin to ProfileBookmark

Re-sizing a border

Copy linkTweet thisAlerts:
Jul 02.2014

Hi, I have a border wrapped around my log in section which extends far off to the right hand side of the page. I’d like it to come in closer to my form’s input fields. Here’s what I currently have:

[CODE]#login fieldset input
{

padding: 0.5em;
border: 1px solid #E5E5E5;
outline: 0;
font: normal 85%/120% verdana, tahoma, sans-serif;

}

#login fieldset
{
border-width: 2px;
border-color: #6699FF;

}[/CODE]

The latter deals with the border around the input fields.

Let me know if I should include any HTML and thanks to any who try and help ?

to post a comment
CSS

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@Kevin2Jul 02.2014 — Put a [B]width:50%;[/B] or whatever in your CSS for fieldset or the containing element.

<fieldset> is a block-level element so it stretches the entire width of the page unless constrained.
×

Success!

Help @PoxMoy 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 5.19,
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: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

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

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...