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
3 Comments1 Solution427 ViewsLast Modified:
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


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