[CSS] Text Alignment/Positioning [Help]

[SilentThief]

Hello. I am kind of new at HTML5/CSS3, and need a little help with text alignment/positioning. The current issue is that the text is not in the middle of my footer, I thought to do that, all you had to do was put the following:

vertical-align: middle;

But it is still a bit off and looks ugly. Here is my current footer code:

#footer {
	height: 40px;
	width: 1000px;
	background-color: black;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
	opacity: 0.8;
	clear: both;
}

Ignore all of the text except the alignments. Here is an image of what it looks like:



All help would be appreciated!

 

[EliteGM]

line-height:40px;
vertical-align: middle;

That will do the trick.

 

[SilentThief]

line-height:40px;
vertical-align: middle;

That will do the trick.

Awesome, thanks, it did center it, I will keep in mind that I have to use line-height.

 

[adson3492]

thanks for sharing the trick