How to center align a drop down list

Ask a question
1

I would like to be able to center align my drop-down list to match the buttons which are center aligned. Any ideas how I could do this using .css?

<h4 id="carbCount" class="pageElement">The Carb Count is 0</h4><br />
<div class="pageElement">
  <select id="foodList">
    <option value="100">Potatoes (100)</option>
    <option value="15">Bagel (15)</option>
    <option value="7.5">Oats (7.5)</option>
    <option value="45">Baguette (45)</option>
  </select>
</div>
offer bounty
add comment

0 Answer

Your Answer