How to Sell css list horizontal to a Skeptic
CSS list horizontal is a super simple style that is simple to implement. It uses flexbox so you don’t have to worry about alignment issues.
This is a great example of how simple it can be to implement. CSS list horizontal is a simple style that uses flexbox.
css list horizontal is a super simple style that is simple to implement. It uses flexbox so you dont have to worry about alignment issues.This is a great example of how simple it can be to implement.
The one issue I see with it is that it will break the horizontal rule if you have two lists of items. The reason for this is because flexbox breaks the rule if you have two items in each flex container.
For instance, the example below will only fit a list of 5 items, even though there are 6 items in the list, because the last item (the 3rd item) is too far to the left of the horizontal rule. The easiest way to fix this is to change the order of the items to use flex.
I don’t know if this will be a problem with newer browsers, but it’s worth mentioning that the vertical rule in this example is already broken because it’s not using the flex property. In order for this example to work, you’d have to make the items a percentage of the width of the container, which will break it.
I’m not sure what the effect of flex is, but it does break the vertical rule in the first two items. The only thing that’s doing it is changing the line between the horizontal and vertical rule on the list.