Новые строки в HTML

Question

Мне любопытно, как браузеры интерпретируют разрывы строк в HTML и как это переводится в пробел в рендеринге разметки. Для примера рассмотрим следующие две дивы:

<div> 
    <select> 
     <option>one</option> 
    </select> 
    <input /> 
</div> 
<div> 
    <select> 
     <option>one</option> 
    </select><input /> 
</div> 

Первый DIV будет иметь больше пустого пространства между отборных и входными элементами, так как разрыв строки между ними визуализируется в пустое пространство; видел here. Мне интересно узнать причину этого и лучший способ избежать этого дополнительного интервала при сохранении читаемого HTML, так как я не чувствую, что второй div очень читаем.

Answer 1

Любые пробелы в html, включая 40 пустых символов, будут интерпретироваться как один символ ' '. Таким образом, разрыв строки и 500 пробелов будут отображаться как одно пространство. Лучший способ избежать Пробелы с CSS:

select{float:left} 

http://jsfiddle.net/FSnhH/4/