how to align multiple static blocks on a cms page

Question

I'm revamping my home page to include 4 static blocks with text content. To test my layout I've created 1 standard static block and inserted it 4 times as a widget within my CMS homepage. The problem I'm having is to get them aligned properly.

I suspect I am going about this the wrong way.

I know how to create a phtml file that will call each static block and align them via CSS, I just don't know if I need to add this to a layout file or to call it within the CMS page.

What is the best method to insert and align 4 static blocks on a CMS page?