Spacing ul And li Elements In CSS
This is the way I set up a list where the disc markers are inside the main bounding box and the text wrappers underneath itself inside of the disc marker
No Styles
Remove List Style Type
CSS
>
{ :;
}
}
List Style Inside
(it looks like outside is the default?)
CSS
>
{ :;
}
}
Zeroing UL margin and padding
If markers/bullets are set to "outside" which I think is the default, they'll be outside the
CSS
>
{ :;
:;
}
}
Zeroed no bullets
CSS
>
{ :;
:;
:;
}
}
Base Styles For This Page
This page is designed to make what's happening with the css as clear as possible. To help with that, there are no other positioning styles on this page other than those above and this set here:
CSS
:;
}
:;
}
: );
:;
:;
:;
}
:;
:;
:;
:;
}
:;
}