The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › List extend further than contain element
Why is the list item extending further than the containing box on this codepen.
it’s because of the negative margin on the li. I’d change them from display: inline-block to float: left and remove the margin. you should also clear the border from the last anchor
Thanks. I have went with the float option like to use display inline-block however not easy when using lists. Removed the border. Any feedback on how I could improve?