today i got some trouble with lists. I have two unordered lists that are floating right in order to be in a row. how do i influence the spacing between them the right way?
I wan't to separate only the uls not the lis. as you can see in my CodePen there's not even a way to define the distance between the two uls. even when i set the ul properties to
That huge space between them? That's the standard padding of lists, so if you set padding-left: 0; it disappears, and you can use padding (or margin) to influence the spacing.
Hey all,
today i got some trouble with lists. I have two unordered lists that are floating right in order to be in a row. how do i influence the spacing between them the right way?
heres a CodePen.
If you want only between them and not between the right side and the last list than you could use this rule:
ul+ul { margin-left:20px }
I wan't to separate only the uls not the lis. as you can see in my CodePen there's not even a way to define the distance between the two uls. even when i set the ul properties to
That huge space between them? That's the standard padding of lists, so if you set
padding-left: 0;it disappears, and you can use padding (or margin) to influence the spacing.This works like a charm.
What Melindrea said works: CodePen. Thank you!
@jozsef & Hugo: could not get it to work with float:right. Maybe you can fork?