Hello

I need some help. I am trying to align center some text in two pages using css.

I am getting frustrated as to why I cannot modify the css to show the proper alignment.

So here is what I have, this is the DRAFT Site I am building, simple so far, just getting content and will add the rest. http://marietbrownattorneyatlaw.com/index.html

So what I want to do is get the Welcome: and Areas of Practice Shifted over more toward center

I do not want the words or content shifted, I just want it more centered away from the LEFT side.

Shesh an easy task for most, but today I must have my STUPIT hat on

The line of Text I am trying to work on is simple enough as well



Have done everything I know how. All I can do is get the two columns reversed and then both are up against the sides

Try adding some padding-left to the #content p and #content ul and #content h1

First, I noticed that you have two colons in your CSS. You will want to remove one of those (after margin-right.)

Second, the quick solution is to do this through html. Since you want welcome to be centered you put next to you heading tag:

<div align="center"><h1>Heading</h1></div>

Second, you cant set a margin right when you are floating left. Instead push the margin left. For example:

#content .two_columns { float:left; display:inherit; width:450px; margin-left:15px}

or just set the padding of your heading tag:

#content h1{padding-left:20px;}

hope this helps.

I'm not sure if this will help, but...

Cary's method will work, but only if the width is specified (or if the heading value is inherited), so that there is a center point, otherwise centering could cause the heading to float off. I like to use the margin's to control the centering process so that I get it exactly where I want it.

tassietiger

Thanks, that put me into the correct location, just have to create a couple more classes to isolate the areas of concern. Thanks so much, now I understand why I was getting the results I was getting. The current CSS has many areas locked as common -- just need to isolate and separate the items I need.

Just learning more about CSS, and styling, its more then just a easy font choice anymore

You are most welcome

This is for centering the H2 headings, Welcome: and Areas of Practice, where width can't be given, nor is it necessary.

Well what I finally had to do was separate the #content li, this is what was giving me the fits. it was also controlling the tab menu lay out.

Since I was unable to really get the look I wanted (Simply Lack of Expertise in CSS/Layout) I opted to remove the content being controlled by #content li and just formatted it using non breaking space and unicode arrows

The result is this, and they are please

It is a very very nice site. Very clean and elegant - perfect for a law firm page.