Почему перенос строк в коде влияет на вид страницы?

Question

[Дмитрий Петров]

Привет. Возник вопрос: почему такой код:
<button ></button><input>
И такой код:

<button ></button>
<input>

дают разные результаты? Имеется в виду пробел между кнопкой и input который появляется во втором случае. Можно ли это как-то исправить и должно ли быть так?

Answer 1

[Андрей Мохов]

button и input имеют по умолчанию display: inline-block, таким образом ведут себя на странице отчасти как обычный текст, следовательно:
слитныйтекст
раздельный текст

Answer 2

[Оптимус Пьян]

Потому что пробелы и переносы строк это тоже символы и они считаются. Документу же надо где-то хранить информацию что "тут 2 пробела а тут перенос строки" вот он и хранит её :)

Answer 3

[mayorovp]

Почему так получается, выше уже написали. Исправить это можно нулевым размером шрифта - но лучше все-таки просто использовать первый вариант.

Answer 4

[Никита К.]

Так же можете написать

<button ></button><!--
--><input>

а о причинах уже написали