farhana Posted July 29, 2015 Share Posted July 29, 2015 At the footer area of https://www.ibisacademy.com/ (attached screenshot); i intend to center line the bottom menu and copyright info. Please guide if possible Link to comment Share on other sites More sharing options...
dsonesuk Posted July 29, 2015 Share Posted July 29, 2015 You need to make the parent container full width using grid12 <div class="grid12 column last ex-even multi-module-column copyright-2"> change to text-align: center; .grid12.column.last.ex-even.multi-module-column.copyright-2 { text-align: center;} and try .menu._horizontal { text-align: center;}#copyright .menu li { border-right: 1px solid; display: inline-block; /* added by dsonesuk */ /*float: left; removed by dsonesuk */ font-size: 12px; list-style: outside none none; padding: 0 8px;} Link to comment Share on other sites More sharing options...
diiazopde Posted July 29, 2015 Share Posted July 29, 2015 (edited) you can use the Html tag <center></center> within that section Edited July 29, 2015 by diiazopde Link to comment Share on other sites More sharing options...
dsonesuk Posted July 29, 2015 Share Posted July 29, 2015 you can use the Html tag <center></center> within that sectionReally! Its time you read up on the latest html, and css methods, HTML5 does not support <center>...</center> tag, and this tag has been deprecated for many years now in favour of css to align in centre. Link to comment Share on other sites More sharing options...
Ingolme Posted July 29, 2015 Share Posted July 29, 2015 The <center> tag was deprecated in 1999 with the advent of HTML 4.01. It's about time you updated your knowledge. 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