troubleshooting Question

How to add list item before the first list item displayed on each line

Avatar of SAbboushi
SAbboushiFlag for United States of America asked on
JavaScriptCSSHTML
3 Comments1 Solution427 ViewsLast Modified:
Hi-
I am using php to create an unordered list (<ul>) where the list items are displayed horizontally (display: inline-block).

As I zoom, list items will jump from one line to the next.

How can I cause the first list item of all lines other than the first line to be indented?  It seems I cannot do this with php, so maybe I can have an empty list item (<li></li>) between each list item with a zero width in which case, is there something within css or javascript that would allow me to:

1) make sure that zooming always results in an empty <li> being the first item on a line (i.e. don't break between <li></li><li>content</li>

2) set the width of the first empty item on all lines other than the first to e.g. 20px

Thanks--
Sam
ASKER CERTIFIED SOLUTION
SAbboushi

Our community of experts have been thoroughly vetted for their expertise and industry experience.

Join our community to see this answer!
Unlock 1 Answer and 3 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 3 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros