Home/ Questions/Q 5937923
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T15:36:40+00:00

If I have a <select> list on my html page: <body> <div id=side-bar>…</div> <div

  • 0

If I have a <select> list on my html page:

<body>
<div id="side-bar">...</div>
<div id="list">
       <select id="mylist" size="10"></select>
</div>
</body>

How to CSS mylist to make it located in the middle of the <div id="list"> area? (Both horizontally and vertically)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You could try #mylist {margin: 0 auto}. It centers only the select element. If you want to center all the content within your div then #list { text-align: center; } should do the trick.

    EDIT:

    To center the select tag both vertically and horizontally you can do like this:

    <style type="text/css">
#list {
    width: 200px;
    height: 200px;
    background: #fa2;
}
#mylist {
    width: 100px;
    line-height: 20px;
    position: relative;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -50px;
}
</style>
<div id="list">
       <select id="mylist">
           <option value="1">test</option>
       </select>
</div>
    • 0