Line breaks causes spaces in the html

Question

In my PhpStorm 7, line breaking some elements (every elements) like this:

<input type="text">
<input type="text">
<input type="text">

Causes some space between the tags in my rendered html page (with all navigators) and breaks all my grids:

I reseted all margins, etc.. so i have 0 margins or something else in my css.

When i put them on the same line, the spaces are gone:

<input type="text"><input type="text"><input type="text">

In my inspector (no margins, just padding and a thin border). And they have all default css:

I just can't find how to configure it. It's a CakePHP view.

Answer 1

This is a common issue with the whitespace and how it's handled by browsers. There are many similar questions and answers, like this one.

Basically you can use display: block and float: left or if you are using a template rendering engine, they may provide helpers for removing the whitespace, like {strip} in Smarty or {% spaceless %} in Twig. There are other ways to achieve this in HTML, google and search SO.