Positioning Radio Buttons in a Row

I want to use a pair of radio buttons, and want all elements to be in the same row as the main label on the left. I have tried all sorts of things, but always get something screwy like in the example.

Appreciate any advice offered.
Thanks.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
<style type="text/css">

div.form{
width: 320px;
}

fieldset{
border: 1px solid #000000;
width: 290;
}

legend
{
color: #000000;
/* background: #ffa20c;
border: 1px solid #781351; */
padding: 2px 6px
}

label{
float: left;
width: 100px;
text-align: right;
margin-right: 5px;
}

input, textarea{
width: 180px;
margin-bottom: 5px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 105px;
margin-top: 5px;
width: 90px;
}

br{
clear: left;
}

</style>
<title>Test Form</title>
</head>

<body>
<div class="form">
<form>
<fieldset>
<legend>Complete this form</legend>
<label for="user">Name:</label>
<input type="text" name="user" value="" /><br />

<label for="emailaddress">Email:</label>
<input type="text" name="emailaddress" value="" /><br />

<label for="terms">Public:</label>
<label for="yes">Yes</label><input type="radio" value="Yes" checked="checked" />
<label for="no">No</label><input type="radio" value="No"/><br />

Positioning Radio Buttons in a Row

Can't get all buttons and labels on the same row.

itKiwi

itKiwi

londrum

redfoxhound

itKiwi

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week