创建与可点击的选择元素相关的标签

Question

是否可以单击与select元素相关的标签，并按照通常单击select元素本身的方式进行下拉？

我试过这个并且它不起作用：

        <li>
            <div class="styled-select">
                <label for="lang">Languages</label>
                <select id="lang">
                    <option class="green">eng</option>
                    <option class="green">fr</option>
                </select>
            </div>
        </li>

我之所以要问这个问题，标签将向左浮动并选择右侧。