带有缩进html的{Javascript createElement

Question

我正在用javascript动态创建一个for，所以我有一堆js行正在创建我的html代码。

E.g。

var container_fluid = document.createElement("div");
container_fluid.className = "container-fluid";

var row = document.createElement("div");
row.className = "row";

//pull-left div
var pull_left = document.createElement("div");
pull_left.className = "pull-left";

var label_input = document.createElement("label");
var checkBox = document.createElement("input");
checkBox.className = "minimal";
checkBox.setAttribute('type', 'checkbox');
checkBox.name = value.name;

问题是生成的html标签没有格式化（单行代码），因此我在文本和无线电输入之间存在一些间距问题。

以下是一个例子：

第一组收音机是从html文件编码的，收听后的收音机是用javascript生成的收音机。

所以也许你会认为这是一个CSS问题但不是，当我从chrome检查器手动编辑html代码并在标签之间添加“Enter”时，所有问题都解决了。

那么什么可以解决这个问题？