How to set the list to one row with ul

This article focuses on "how to use ul to set the list to one line", interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn how to use ul to set the list to one line.

Float:left + set the width of ul + set the width of li

1. In fact, the list of ul is originally set to one line. When you set the float of li to left, you can see that it becomes a line.

two。 For example, the width of ul is 200px, in order to achieve a row of 2, we can set the width of li to 75px, because float is left, two lines can only hold 2 li, so the third is squeezed out.

At this point, I believe you have a deeper understanding of "how to use ul to set the list to one line". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!