How to make radio buttons horizontal

How to make radio buttons horizontal

I'm trying to figure out how to make my radio buttons align horizontally.
I've tried searching the internet but you can't find everything on the
internet so now I'm here. I'm open to using Javascript and JQuery.
Here's my JSFiddle: http://jsfiddle.net/547fx/1/
Here's the Javascript:
function tryToMakeLink() {
//get all selected radios
var q1 = document.querySelector('input[name="q1"]:checked');
//make sure the user has selected all 3
if (q1 == null) {
document.getElementById("linkDiv").innerHTML = "<input type=button
disabled=disabled value=Next>";
} else {
//now we know we have 3 radios, so get their values
q1 = q1.value;
//now check the values to display a different link for the desired
configuration
if (q1 == "AT&T") {
document.getElementById("linkDiv").innerHTML = "<input type=button
value=Next
onclick=\"window.location.href='http://google.com/';\">att 8gb
black</input>";
} else if (q1 == "Other") {
document.getElementById("linkDiv").innerHTML = "<input type=button
value=Next
onclick=\"window.location.href='http://yahoo.com/';\">other 8b
white</input>";
} else if (q1 == "Unlocked") {
document.getElementById("linkDiv").innerHTML = "<input type=button
value=Next
onclick=\"window.location.href='http://wepriceit.webs.com/';\">red</input>";
}
}
}