Jump to content

Make panel centered


Recommended Posts


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">




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 comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...