characteristics display

For the product characteristics i would like to display the different product characteristics next to the dropdown menu, as seen on on the website of GCM ( www.gcmstores.com/shirts/shirts-lange-mo...209-gcm-casual-shirt )

See picture attached. How to do this?

nicolas,

i tried the option radio button for the product characteristics, i searched the forum for a solution to align the radio buttons next to each other i tried the code from this thread www.hikashop.com/forum/4-how-to/42591-ra...h-on-a-new-line.html
as you can see in the sceenshot the characteristics are not perfectly aligned.

Could you please help me out with this one. How should the css look like?

website is on a local machine. but i just added this piece of code. resulting in the screenshot of my former post. im that close to the solution so if you can give my that last suggestion to figure this out that would be great.

.hikashop_product_characteristic_chooser{
	text-align: left;
}
.hikashop_product_characteristics_table{
	width: 100%;
	display: block;
	vertical-align: middle;
	line-height: 25px;
}
.hikashop_product_characteristics_table input{
	float:left;
	height: 18px;
}
.hikashop_product_characteristics_table label{
	width: 93px;
	white-space:nowrap;
	padding-left: 2px;
	float:left;
}