The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Block level elements inside lists Reply To: [Solved] Block level elements inside lists


Block level elements will take up 100% of the width of its parent by default. The list will let block level elements fill up its parent too, all the way up until there’s a width declared on something.

You would need to apply a width to the .legend ul li, or for specificity’s sake you can just give each li its own class (it’s faster during render that way too).