4 div kolonner på en side

Er der en der kan hjælpe mig med følgende css kode. Jeg forsøger at få 4 div kolonner til at blive vist ved siden af hinanden. Dvs. lidt som en tabel med 4 kolonner. Jeg har forsøgt med nedenstående kode men det udskriver ikke kolonnerne i samme linje.

Løsningen skal kunne placeres i en anden div hvorfor en brugbar løsning ikke er at ændre position: relative til position: absolute.

Kode:

<style type="text/css">
    #leftcontent {
        left:1%;
        width:23.5%;
        }

    #centerleftcontent {
        left:25.5%;
        width:23.5%;
        }

    #centerrightcontent {
        left:50%;
        width:23.5%;
        }

    #rightcontent {
        left:74.5%;
        width:23.5%;
        }
   
    #rightcontent, #centerrightcontent, #centerleftcontent, #leftcontent {
        border:1px solid #000;
        position: absolute;
        top:20px;
        background:#fff;
        }
</style>

<div id="leftcontent">
    <h1>Left</h1>
    Hello
</div>

<div id="centerleftcontent">
    <h1>Center Left</h1>
    Hello 2
</div>

<div id="centerrightcontent">
    <h1>Center Right</h1>
    Hello 3
</div>

<div id="rightcontent">
    <h1>Right</h1>
    Hello 4
</div>