Question

I want to align to inputs next to eachother, these select inputs are inside a table row. Instead they keep stacking on top of eachother, any idea why?(There is plenty of room inside the cell)

                    <div class="spantoolbar">
                        <div class="styled-select">
                            <select style=" font-size: 12px;">
                                <option>option 1</option>
                                <option>option 2</option>
                            </select>
                        </div>
                        <div class="styled-select">
                            <select style="font-size: 12px;" >
                                <option>option 1</option>
                                <option>option 2</option>
                            </select>
                        </div>
                    </div>

Answer 1

Put float:left; in both classes.