Таблица неправильно оформляется, если имя длинное

Question

У меня проблема с оформлением таблицы на моем сайте. проверьте мой сайт и, если вы ищете "Rochester, mn", прокрутите вниз, и вы увидите, что если имя длинное, как в случае с Tilson's Automotive и Goodyear, оно падает под изображением. Я бы предпочел, чтобы текст был перенесен, чем весь объект был бы ниже изображения. Кто-нибудь знает, как я могу это исправить? Это происходит в Chrome и Firefox.

Answer 1

Установите максимальную ширину для тега <a>, который является именем механика, максимально широким (около 175 пикселей).

Answer 2

#results table tbody tr td div.mechanicDiv {
    float: left;
    margin-left: 10px;
    width: 184px;
}

184px - это максимальная ширина, которую я нашел.

Answer 3

Вы можете исправить это, удалив float:left в следующих местах:

• #results table tbody tr td div
• #results table tbody tr td:first-child span
• #results table tbody tr td a
• #results table tbody tr td div.mechanicDiv

Чтобы переместить span на собственную строку, вы можете добавить display:block.