Ошибка интервала между строками CSS

Question

Почему слово BESTSELLER пропускает строку ... в коде ничего не говорится, чтобы это сделать? (Простите - вот ссылка http://u.neighborrow.com/)

 <div class="input text required"> 
       <label for="ItemItem"></label><input type="text" id="ItemItem" value="" maxlength="255" style="font-size: 25px; width: 200px; margin: 5px 0pt;" name="data[Item][item]"> 
       <input type="submit" value="Search" style="font-size: 22px" /> 
      </div> 


      <?php echo $form->end(); ?> 
      Tips: <span style="font-size: 13px; position: relative; top: -2px"> Taking a trip? Want to try something before you buy it? <br > Have a project or event coming up? Want to see who has a copy of that bestseller?</span> 
      <br /> 
      <?= $form->create('Item', array('action' => 'indextest')); ?> 
     </div> 

Answer 1

Я не знаю, что вы имеете в виду под «пропуском строки». Возможно, ссылка на живой код поможет. Но я заметил, что у вас больше тегов закрытия div, чем открытие.

EDIT: Кажется, что окружающий div имеет вычисленную высоту линии 30px. Но сюжетная линия имеет высоту строки 18 пикселей. Таким образом, когда диапазон занимает целую строку, он отображается на высоте строки 18px. Но когда он занимает только частичную линию, высота строки 30px применяется к оставшейся части этой строки, и это приводит к тому, что последняя строка будет отображаться с большей высотой строки 30px. Попробуйте установить высоту строки 18px в родительском div или установить отображаемый диапазон: block, так что большая высота строки не будет отображаться в строке.

Answer 2

Попробуйте добавить дисплея: блок к вашему пролету или замените ширину пролета любого элемент уровня блока, такого, как <p> или <div>. В семантическом мире вы должны использовать <p>;)

Также вы должны попытаться предотвратить встроенные стили.