2個div並排居中

    <style>
        body {
            text-align: center;
        }


        .main {
            width: 300px;
            margin: 0 auto;
        }
    </style>
    <div class="main">
        <div style="float: left; width: 100px; border: 1px solid red;">col1</div>
        <div style="border: 1px solid black;">col2</div>
    </div>

效果：