/    Sign up×
Community /Pin to ProfileBookmark

align middle

Copy linkTweet thisAlerts:
Sep 18.2003

i have a menu and i want the text to be in the absolut middle of it but now it is always at the top.

how would align it to the middle.

CSS code.

[CODE]
#menu {
position: absolute;
top: 135px;
width: 150px;
}
#menu a {
display: block;
color: #677b92;
background-color: transparent;
font-family: Verdana, Arial, Helvetica, sans-serif;
height: 15px;
border-bottom: 1px solid #c0c0c0;
padding-left: 0px;
text-decoration: none;
}
#menu a:hover {
color: #cc3333;
background-color: #f0f0f0;
}
[/CODE]

i did try and add

[CODE]vertical-align:middle[/CODE]

to #menu a but it did not work

=============

the HTML is

[CODE]
<div id=”menu”>
<a href=”http://www.infinitypages.com”>Infinity Web Design</a>
<a href=”http://www.webdevfaqs.com”>Web Dev FAQs</a>
<a href=”http://www.infinitypages.com/research”>Research Pages</a>
<a href=”http://www.w3c.org”>W3C</a>
</div>
[/CODE]

can anyone help:rolleyes:

to post a comment
CSS

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@pyroSep 19.2003 — Try playing around with the padding, perhaps by adding a padding-top to the #menu a style definitions.
Copy linkTweet thisAlerts:
@pyroSep 19.2003 — Didn't think of this earlier, but what you can do is just set the line-height to the same number as the height, and it should center your text vertically.
Copy linkTweet thisAlerts:
@chris9902authorSep 19.2003 — perfect ?
×

Success!

Help @chris9902 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.20,
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,
)...