html - Force selection options to one line -
<select id="semester"> <option value="fall">fall</option> <option value="spring">spring</option> <option value="summer">summer</option> </select> <select id="year"> <option value="2015">2015</option> <option value="2016">2016</option> <option value="2017">2017</option> </select> <p> <input class="submit" value="submit" type="submit" /> </p>
i have code, which, on stackoverflow on 1 line (except button). on our cms, however, each select
element shows on different line this:
what can force these on 1 line?
add display: inline-block elements make them display in 1 line:
<select id="semester" style="display: inline-block;"> <option value="fall">fall</option> <option value="spring">spring</option> <option value="summer">summer</option> </select> <select id="year" style="display: inline-block;"> <option value="2015">2015</option> <option value="2016">2016</option> <option value="2017">2017</option> </select> <p style="display: inline-block;"> <input class="submit" value="submit" type="submit" /> </p>
Comments
Post a Comment