Solved

Chrome Vertical-Align Issue

Posted on 2013-12-29
2
446 Views
Last Modified: 2013-12-29
I am using vertical-align middle and it works fine in Explorer but not chrome.  Is there a workaround for this?

www.mediascrubber.com

.blue{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px; 
	font-weight:bold;
	color:#FFFFFF;
	vertical-align: middle;
	display:block;
	outline:0;
	text-decoration:none;
}

Open in new window

0
Comment
Question by:DS928
2 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 39745445
Change your doctype to this
<!doctype HTML>

Add line-height:43px and padding-left:15px to the bars css
0
 

Author Closing Comment

by:DS928
ID: 39745486
Thank you!
0

Featured Post

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

791 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question