• Resolved nimo1

    (@nimo1)


    So I created a new page temple and I am trying to center these words in the middle of the page. No problem right?

    He is where I get stuck and can’t find the proper CSS solution. I googled it.

    This needs to be centered and display like this. 2 Lines

    “It’s your destiny to be……..
    happy, healthy and productive!”

    I have achieved every layout, but the one I am trying to achieve.

    Any help would be appreciated!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter nimo1

    (@nimo1)

    That didn’t line up right in the post. maybe code wrap will display it right.

    "It's your destiny to be........
    		                 happy, healthy and productive!"
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    May you provide the webpage where you’re experiencing the issue?

    Thread Starter nimo1

    (@nimo1)

    Sites in Maintenance mode, but I can open it up for a little bit if your looking at it soon. No pressure.

    https://tinyurl.com/c5yn4se

    It’s hard to say exactly how you want it. I’ll dump some code in here https://collabedit.com/87ptj

    You can paste it in https://htmledit.squarefree.com/ and see how it works for you.

    Thread Starter nimo1

    (@nimo1)

    If you look at the text in the CODE wrap in my second post. That is exactly how I would want it to display.

    Center of this page and basically one phrase on 2 lines centered.

    Try this

    <style type="text/css">
    
    #mycentered1 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    }
    
    #mycentered2 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 0px 0px 0px 200px;
    }
    
    </style>
    
    <div id="mycentered1">
    "It's your destiny to be........<br />
    </div>
    
    <div id="mycentered2">
    happy, healthy and productive!"
    </div>

    Editing the padding 200px will adjust where the second line sits. You could try something like that. Just paste it into an html editor so see what I am talking about.

    Also, you are inside a fixed width div so you can just control the left and right margin on each div for each line of text. That will help you put the text exactly where you want it.

    Thread Starter nimo1

    (@nimo1)

    Thanks a lot Tier!

    That got me going the right way.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Stuck on this css fix’ is closed to new replies.