2 columns in content

In the past when I’ve wanted to split the odd page or post into 2 columns Ive just added some divs into the page using the editor and added some css like below.

Is there a way of getting this code into a custom page template so a client could do it. I know how to create one but I need help replicating the code. I found a solution to doing it dynamically by splitting the page content between the 2 columns but that’s not what I want. I want the client to be able to see both columns in the editor and be able to add text or images.

Maybe the only way to do it is using a plugin like Advanced WP Columns, Column Shortcodes or WP Easy Columns. Does any have any thoughts on these plugins?

Thanks for any help 🙂

HTML
——–

<!--Left column-->
<div class="col2-left">Content here
</div>
<!--right column-->
<div class="col2-right">Content here
</div>

——–
CSS
——–

/*2 columns*/
div.col2-left {
	float: left;
	width: 54%;
	margin-right:4%;
}
div.col2-right {
	float: right;
	width: 42%;
}
/*Image pading	*/
div.entry-content div.col2-left img {
	margin-top: 10px;
	}
div.entry-content div.col2-right img {
	margin-top: 22px;
	float:right;
}
/*End 2 columns*/