• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 312
  • Last Modified:

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
0
DS928
Asked:
DS928
  • 4
  • 2
1 Solution
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
YOur html was a bit off

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

Open in new window

0
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
0
 
DS928Author Commented:
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
0
Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

 
DS928Author Commented:
Thank you.
0
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
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.
0
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Great! Thank you!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

  • 4
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now