<style>
    .box1{
    width:20px;
    height:20px;
    font-size: 12px;
    color:black;
    background:#D7E5F0;
    border:.1em solid red;
    padding:30px;
    font-weight: bold;
     
    float: left;
    }
    </style>
     
    <body>
    <div id="div1" class="box1">Div 1.</div>
    <div id="div2" class="box1">Div 2.</div>
    <div id="div3" class="box1">Div 3.</div>
    <div id="div4" class="box1">Div 4.</div>
    </body>
URL: http://function-code.blogspot.com/2012/12/how-to-put-multiple-divs-on-same-line.html

how to put multiple divs on the same line.