Text columns with CSS

Hi there, I'm new here so take it easy on me!

Ok so I'm trying to create 3 columns of text with css and thus far i've come across the following code:

.three-col {
       -moz-column-count: 3;
       -moz-column-gap: 20px;
       -webkit-column-count: 3;
       -webkit-column-gap: 20px;
}

and the html is like this:

<p class="three-col">text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here </p>

So this works fine and the text flows through the three columns, however, I want to change the style of the text within the first column, how do I go about this? Or would it be better to create a separate column and float it left, then create a 2 column text element and float that left too? If so, does anyone have any good links that talk about creating this kind of layout?

The basic outcome that I want is to have my social network links and cv link in the left column and then the next 2 columns will have a little bit about me flowing through them.

Any help would be really appreciated, sorry if i've written this in a confusing way, just trying to get my head around this css business!

Cheers
Richard