gordonisnz Posted September 21, 2020 Share Posted September 21, 2020 .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 comment Share on other sites More sharing options...
gordonisnz Posted September 21, 2020 Author Share Posted September 21, 2020 Took out the w3-margin command & its now working Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now