How to float elements in rows.

Tags: html,css,html-lists

Problem :

Here is my last chance for this 'probably' a CSS problem.

This is the problem page.

The site is built on wordpress. And generated posts are displayed as unordered lists.

    <ul class="lcp_catlist">

All the <li>'s are floated to the left. But as you will see there's one strange gap on the left row. That is my problem. How can I fix that? I'm going crazy with this.


enter image description here

Solution :

You can specify an explicit height for the li elements

ul.lcp_catlist li {
    height: 240px;

    CSS Howto..

    How to change an image in CSS that has no class?

    How to Make a materialize CSS button's width same as col s12?

    How can I create a status bar with bootstrap?

    How to center a Dijit Select widget?

    How to select list item by its contents?

    How can I make an div span the entire width of my screen

    How to slide a DIV on link click

    How to overlay a play button over a YouTube thumbnail image

    How do i center an HTML DIV with logo on the left?

    how to get image to show up to the left of panel (both in same row)

    How to override line-height and height css properties that are adding from external css using inline css?

    How can i get my slideshow to stop changing size?

    css + thymeleaf - How to auto-adjust displayed screen size?

    How to force style formatting into child tags of

    How to get inputs in the same line with css?

    How can I implement dynamic styling for ion-list elements with AngularJS?

    Css Trick - How to align this div

    How to align the navigation menu in wordpress?

    CSS: How to get thumbnails into a horizontal line?

    How can I get a CSS table DIV to be constrained inside another DIV?

    Overflow-x and overflow-y properties, how should they work? [duplicate]

    how to get css of a clicked div using jquery?

    How to use absolute position relative to parent element

    Slideshow won't accept fixed height

    How to pass jsf bean value to css calc function?

    how to change the css of default select2 placeholder color?

    How can i get target with a hover an element under an element?

    How to use Bootstrap 3 grid if elements are tiled with different height and widths

    How would I name this HTML code so I could edit it with CSS? [closed]

    How to deal with my sharepoint datetime control css?