Los elementos de la lista se ejecutan fuera de la lista y el área div

Question

Tengo un problema con una lista de menú sin ordenar. Por lo que los elementos de la lista se terminan ejecutando los límites <ul> y <div> y solo comienza la siguiente línea una vez que ha llegado al borde de la pantalla.

Aquí está la página web: http://finalonline.co.uk/mypics/gallery/categories/

Answer 1

Puede utilizar float: left; en los li s en lugar de display: inline;.

Recuerde también utilizar overflow: hidden; en el elemento primario (ul).

Another option sería usar: display: inline-block, pero no estoy 100% seguro acerca de browser support.

Answer 2

Hazlos display: block, no inline.

Answer 3

Mostrar: bloque; Siempre ... Nunca hacer display: inline; o display: inline-block;

Para fijar la lista desordenada del derramamiento del DIV, trate de ir a la CSS y aplica esto:

ul { 
list-style-position: inside; 
}