Semantic UI Grid pushing column on blank space

Question

I am new to semantic UI and I am really confused on how you can push the column in order on the blank space ? Can you please tell me how? By the way im using the

`<div class="ui grid">
<div class="four wide column"></div>
<div class="four wide column"></div>
<div class="four wide column"></div>
<div class="four wide column"></div>
</div>`

https://jsfiddle.net/1vh7vz1u/ sample code

here is an image just to show you what it looks like. http://i.imgur.com/Gi68R6N.jpg

Answer 1

This might be the floating you need to use in your code.

Go with following link.

http://www.w3schools.com/cssref/pr_class_float.asp

Hope it helps you !!!