Danh sách các mục chạy bên ngoài danh sách và khu vực div

Question

Tôi gặp sự cố với danh sách chưa được sắp xếp của menu. Do đó, các mục danh sách đang chạy trên các đường biên giới <ul> và <div> và chỉ bắt đầu dòng tiếp theo khi nó đã chạm tới cạnh của màn hình.

Heres website: http://finalonline.co.uk/mypics/gallery/categories/

Answer 1

Bạn có thể sử dụng float: left; trên li s thay vì display: inline;.

Chỉ cần nhớ sử dụng overflow: hidden; trên phần tử gốc (số ul).

Another option sẽ sử dụng: display: inline-block, nhưng tôi không chắc chắn 100% về số browser support.

Answer 2

Đặt chúng display: block, chứ không phải inline.

Answer 3

Hiển thị: chặn; luôn ... Không bao giờ làm display: inline; hoặc display: inline-block;

Để khắc phục Unordered List từ đổ ra khỏi DIV, hãy thử đi sâu vào CSS và áp dụng điều này:

ul { 
list-style-position: inside; 
}