With Knockout, I had a foreach to display a list of colors in a scale.

However now trying to resovle a spacing issue, found it was sort of Knockout being the problem. 

Basic setting background color to each item in array.
And since I so love have nicly indented source code, html looks like this:

```
<div class="color-scale" data-bind="foreach: colors">
    <div class="color-scale-item horizontal" data-bind="style: {backgroundColor: $data}"></div>
</div>

```

[JSFiddle](http://jsfiddle.net/uqvb2fou/)

There is CSS to style Inline-block, which is NOT putting in any space.

Scale looks nice, but add 90+ colors, that space not always needed. So how to remove?

The space is simply due to return line and spacing in the computed html for each div.

I have tried chaning to spans, same result.

so is there a way to write knockout with 'nicely' written source, but does not produce unneeded spaces, without writing on a single line?

```
<div class="color-scale" data-bind="foreach: colors"><div class="color-scale-item horizontal" data-bind="style: {backgroundColor: $data}"></div></div>

```

[JSFiddle single line](http://jsfiddle.net/uqvb2fou/2/)