2 columns in socket, both 50%, one aligned left, the other right

Hello
I’ve looked at several posts and tried a ton of css, but when I’m getting closer I keep getting divs that don’t stretch to the full width of the socket.

I’d like 2 columns, each 50% wide, so that I can place text floating left in the 1st column, and a logo, floating right in the 2nd column. This is one of my futile attempts but I’ll leave it there to show you what’s happening on the site.

This is what I’ve put into the copyright field –

<div id=”black”><div class=”green”>text here</div><div class=”red”>text here</div></div>[nolink]

And here’s my css – not streching to 100% –

#black {
	width: 100% !important;
	border: 1px solid #000;
}

#black div {
	width: 50% !important;
}

.green {
	border: 1px solid green !important;
	float: left;
	text-align: left;
	color: green;
	/* margin-left: 20px; */
}

.red {
	border: 1px solid red !important;
	float: right;
	text-align: right;
	color: red;
	/* margin-right: 20px; */
}

Thank you! :)