/* Clearing floats */ .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: ; } /* Mini reset, no margins, paddings or bullets */ .menu, .submenu { margin: 0; padding: 0; list-style: none; } /* Main level */ .menu { margin: 0px auto; width: 00px; /* http://www.red-team-design.com/horizontal-centering-using-css-fit-content-value */ width: -moz-fit-content; width: -webkit-fit-content; width: fit-content;
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter