Reply To: Last item (search box) in horizontal list going off the page

[Paulie_D]

You have significant margin on the li

li {
    margin-bottom: 7.8px;
    margin-left: 100px; /* remove or reduce this */
    max-width: 45em;
}

Use flexbox to distribute the li instead.

Digging deeper…there’s a table with a fixed width of 600px as part of the search form…so that’s messing things up too….it has a load of margin on it too.

table {
    width: 600px; /* in a 340px div! */
    empty-cells: hide;
    margin-left: 100px;
    table-layout: fixed;
}

Inspect your HTML & CSS with Developer Tools that come with your browser (f12)…turn properties on/off and see what happens.