Jump to content

Recommended Posts

.w3-table-center{margin-left:auto;margin-right:auto}
.w3-table-70{width:70%}

Hello. I'm trying to follow W3 standards (with a few additions above to the standard CSS)

So far, I have this :-

 

 

<div class="container w3-center">
  <div class="container w3-panel w3-margin w3-center w3-table-half w3-table-center w3-yellow">
  TEXT
  </div>
 

</div>

 

 

basically i want the 'panel' to be 60% or 70% the width of the screen - i CAN do this :)   

 

However it is still flushed to the left side of the screen - but taking 60/70% of my screen - depening on how i adjust the code.. 

 

I even tried o add an outer div with center command - but thats still flushed ' to the left..   i CAN do this with a TABLE. does anyone know how i do it with a div / panel / container ? 

make it centered, & not take over the whole width of the screen.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...