CSS Text Centering

1

Hello,
I am needing help with centering my text with CSS here is my code.

CSS Code

  #wrapper{
    display:flex;
    padding-left:400px;
    text-align:center;
    font-family: quicksand;
    list-style-type: none;
    font-size: 40px;
    justify-content: space-between;
}

HTML CODE

<div id="wrapper">
      HTML -
      CSS -
      Bootstrap -
      PHP
</div>
	<br>
        <br>
<div id="wrapper">
      Javascript -
      Jquery -
      SQL -
      Git
</div>

But it does not center the text at all it is always off to the left. So I add padding but when I go to look at it on a mobile phone it pushes it way to left like super far.

2

I cleaned up your code.
You need to use triple backticks to post code to the forum.
See this post for details.

Also, an id is supposed to be unique. No two HTML elements can have the same id attribute. Try changing the id to class, then use .wrapper in the CSS.

1 Like
3

What do you mean center?
like text-align:center? or do you mean, division center?

4

How about this? I replaced id with class then removed the flex and padding properties.

1 Like
5

I appreciate the help that worked. Thanks