html - Comment blocks between divs for positioning -


i've come across website , found between divs comment block being used 'push' elements down. in mind not correct way it, acceptable commercially?

html

<div class="layout__item">      </div><!--      --><div class="layout__item">      </div><!--      --><div class="layout__item">  </div> 

css

.layout__item {     display: inline-block;     padding-left: 22px;     vertical-align: top;     width: 100%; } 

the comments aren't there "push elements down", keep whitespace out of rendered output while keeping html readable. key there display: inline-block in css—without comments between each of layout_items, whitespace separating each of tags in source find way rendered output, not want in situation.

there's more in-depth discussion of issue @ https://css-tricks.com/fighting-the-space-between-inline-block-elements/