asked on

CSS Font Formatting

I am trying to format text via CSS but it doesnt seem to be applying. I am looking for bold white text and I am getting plain black test. Here is the HTML

<div class="bars">
    <img id="but1" class="blue">Account Remover</img>
    </div>

Open in new window

The CSS

.blue{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px; 
	font-weight:bold;
	color:#FFFFFF;
}

Open in new window

It should be centered on the blue bars.
the site: www.mediascrubber.com

ASKER CERTIFIED SOLUTION

Scott Fell

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Scott Fell

You can find info on the image tag

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Img
http://www.w3schools.com/tags/tag_img.asp

DS928

ASKER

Works great! except the alignment is still off.

.blue{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px; 
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
}

Open in new window

This did it! Thank you!

vertical-align: middle

DS928

ASKER

Thank you.

Scott Fell

If you are having alignment issues, you should open another question. Alignment was not part of your original question.

I do see you have added, "text-align:left;" to your css and that will make the text go to the left like this http://jsbin.com/EwasIZU/1/edit?html,css,output although the left align is the default. You probably have other css that is taking over. When you ask your next question, post a link to your page so experts can view what is going on.

Scott Fell

Great! Thank you!