I can’t align my radio buttons to the right.I tried so many different things.Please can somebody help me?
Here is the HTML code:`
<title>Comicform</title>
<link href="comicformstyle.css" rel="stylesheet"/>
Comicform
After you register you will be able to learn everything about comicbooks/CBMs
Name E-mail Age Which option best describes you? Would you recommend comicbooks to a friend? Yes No ` Here is the CSS code:`body{ background: url(https://wallpapercave.com/wp/dLvnczN.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; font-family: Tahoma; } h1,p{ text-align:center; color:aliceblue; font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; } main{ margin:0 auto; width:750px; height:1050px; background-color: #13052e ; opacity:85%; } form { width: 750px; margin: 0 auto; padding-bottom: 2em; height: 800px; } label,input,select{ display: block; margin:0 auto; text-align: center; margin-top:5px;}
fieldset{
border: 0px;
}
label{
color: white;
font-family: ‘Franklin Gothic Medium’, ‘Arial Narrow’, Arial, sans-serif;
}
input{
width: 400px;
height: 20px;
}
input[type=“submit”]{
background-color:#38803c ;
width: 300px;
height:40px;
display:block;
margin: 0 auto;
border: 0px;
font-family:‘Franklin Gothic Medium’, ‘Arial Narrow’, Arial, sans-serif ;
font-size: medium;
}
.inline {
width: unset;
margin: 0 0.5em 0 0;
vertical-align: middle;
}
legend{
color:white;
text-align: center;
}
`