Avatar of curiouswebster
curiouswebsterFlag for United States of America asked on

Column Names not quite centering

I have the correct columns names appearing, but have a hard time getting them to actually center on each puzzle piece.

Column names out of center
The CSS I created is here.

puzzle-canvas.component.css
.column-number {
    width: 12%;
    margin-top: 12px;
    float: left;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    z-index: 10;
}

Open in new window


The single line I added to the template is:

puzzle-canvas.component.html
    <div class="column-number" *ngFor="let i of columnNames" >{{ i }}</div>

Open in new window

CSSHTMLJavaScriptScripting Languages* Angular4

Avatar of undefined
Last Comment
curiouswebster

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
Leonidas Dosas

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
See how we're fighting big data
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
ASKER
curiouswebster

Neither worked...

Margin left
Margin left
Padding left
Padding left
ASKER
curiouswebster

thanks
This is the best money I have ever spent. I cannot not tell you how many times these folks have saved my bacon. I learn so much from the contributors.
rwheeler23