How to Add Spaces Using Div in Html

Check this example , if you are keeping the div empty you need to give it a height than only it will occupy the space .

.div1{width:200px;background:#ddd;height:200px;display:inline-block}
.div2{width:200px;background:red;height:200px;display:inline-block}
.gap{width:200px;background:none;height:200px;display:inline-block;}

<div class='div1'></div><div class='gap'></div><div class='div2'></div>

edit: removed solution that had already been tried but was not yet in the question

Pure HTML:

<div></div>&nbsp;&nbsp;&nbsp;

Note that   represents a single space, so keep adding them until you have enough. Note that this is an extremely crude and not-recommended solution. For a pure CSS solution, see the demo.

edit: here is a demo