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:

enter image description here

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

Popular posts from this blog

python - Healpy: From Data to Healpix map -

c - Bitwise operation with (signed) enum value -

xslt - Unnest parent nodes by child node -