Checkboxes aligned in a row

Bear with me as I'm not well versed with front end design. How can I get the following checkboxes aligned and stacked neatly as in the picture?

Right now I have them in a row of 9 checkboxes but they're not aligned and are spaced according to the length of the text.

As seen here: JSFiddle

HTML:

<div class="tags">
<div class="col">
    <label>
        <input type="checkbox" rel="accounting" />Accounting</label>
    <label>
        <input type="checkbox" rel="courier" />Courier</label>
    <label>
        <input type="checkbox" rel="project-management" />Project Management</label>
    <label>
        <input type="checkbox" rel="video-games" />Video Games</label>
    <label>
        <input type="checkbox" rel="video-games" />Dentistry</label>
    <label>
        <input type="checkbox" rel="video-games" />Librarian</label>
    <label>
        <input type="checkbox" rel="video-games" />Programmer</label>
    <label>
        <input type="checkbox" rel="video-games" />Architect</label>
</div>
<div class="col">
    <label>
        <input type="checkbox" rel="video-games" />Photographer</label>
    <label>
        <input type="checkbox" rel="video-games" />IT</label>
    <label>
        <input type="checkbox" rel="video-games" />Artist</label>
    <label>
        <input type="checkbox" rel="video-games" />Video Games</label>
    <label>
        <input type="checkbox" rel="video-games" />Video Games</label>
    <label>
        <input type="checkbox" rel="video-games" />Video Games</label>
    <label>
        <input type="checkbox" rel="video-games" />Video Games</label>
    <label>
        <input type="checkbox" rel="video-games" />Video Games</label>
</div>
<div class="col">
    <label>
        <input type="checkbox" rel="video-games" />Video Games</label>
    <label>
        <input type="checkbox" rel="video-games" />Video Games</label>
    <label>
        <input type="checkbox" rel="video-games" />Video Games</label>
    <label>
        <input type="checkbox" rel="video-games" />Video Games</label>
    <label>
        <input type="checkbox" rel="video-games" />Video Games</label>
    <label>
        <input type="checkbox" rel="video-games" />Video Games</label>
    <label>
        <input type="checkbox" rel="video-games" />Video Games</label>
    <label>
        <input type="checkbox" rel="video-games" />Forestry</label>
</div>
</div>
<!-- end tags -->

CSS:

.filter {
width: 850px;
padding: 25px;
border: 1px solid black;
margin: 25px;

.col {
width: 800px;
/* set to whatever width works for you */
/*float: left; */
/* put the columns next to each other */
}