css side column heading

I'm trying to extend the header color and lower it. (see graphic) I'm using css. How would I do something like that?  Create a separate class for each square. Right now I have a column outside the main page. column color examples
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

The graphic gives us zero information.  The problem is in the CSS or the HTML.  If you post the code you have a chance of getting some help.  A link to the page would be even better.

designaireAuthor Commented:
It was more of a general question, on how to approach the CSS. I wondered if the side piece would just be another column. If you did that you'd have to hand code each side piece. I was just wondering if that was the best way to apporach it.
There is no single best approach.  There are some best practices in terms of how to solve specific problems. At this point I see some misalignment that could be the result of a hundred different thing.  So if all you want to do is ask a vague question all I can give is an equally vague answer.

You fix it with CSS or maybe HTML or it might take some javascript, or there is a problem with your browser or you have coding errors or the doctype is wrong or what you want is not posssible.  That should about cover it.


Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

You could insert a div before the title with and give the div css top:-5px;left-30px; (numbers are examples).
You could insert a div before the title with a background-color and a width and height and give the div css top:-5px;left-30px; as well (numbers are examples).
designaireAuthor Commented:
I finished it, not sure it's the best way but...
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.