I am struggling to position my input (class="button") where I want it to be
html:
<div id="popup" class="overlay">
<div class="popup">
<a class="close" href="#">×</a>
<div id="content">
<select required name="list" id="list">
<option value="0" selected disabled>SELECT</option>
<option value="option1.html">option 1</option>
<option value="option2.html">option 2</option>
</select>
<input class="button-go" type="button" value="GO"onclick="gotonewpage()"/>
css:
.button-go {
position:relative;
top: 1%;
left: 42%;
padding: 5px;
font-size: 1.2vw;
background-color: #0D7BFF;
color:#FDFDFD;
border-radius: 10px;
border: 1 black; }
javascript:
<script type="text/javascript">
function gotonewpage()
{
var url = document.getElementById('list').value;
if(url != 'none') {
window.location = url;
}
}
The button is intended to submit a value from a drop-down box. I can adjust the button horizontally, but struggle to align it beside my dropdown menu.
Thank you in advance