3-column widget – stop text flow between each column

I've created a new widget for the homepage and managed to get it into three columns to take 3 text widgets. I can't seem to find the right CSS code to stop the individual text widget content flowing into the next column like newspapers. I need each widget to be separate. Does anyone know the CSS snippet? So many Genesis themes have that neat 3-column homepage widget areas, and while I'd searched other themes, I can't replicate it. Thanks!

I've so far this CSS in place:

.services-widget {
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-count: 3;
-webkit-column-gap: 80px; /* Chrome, Safari, Opera */
-moz-column-gap: 80px; /* Firefox */
column-gap: 80px;
}

.services-widget {
column-span: none;
}

.services-widget {
text-align: left;
}

.services-widget .widget-title {
font-size: 14px;
}

.services-widget {
border-bottom: 1px solid #f2f1f1;
border-top: 1px solid #f2f1f1;
padding: 5% 0;
text-align: left;
}