Would like to put texts side by side inside a DIV

Question

I am looking to achieve the above inside a DIV with something similar coding:

<div id="container3" style="position: relative;">
    <div id="left" style="position: absolute; padding-left: 10px;">
        About Company<br>Our Team<br>Careers
    </div>
</div>

CSS of the parent DIV which will hold all of the text inside:

#container3 {
    vertical align: top;
    width: 80%;
    height: 150px;
    background-color: #ffffff;
}

Answer 1

Maybe something similar to this:

HTML:

<ul class="footer">
    <li class="link">
        Link
    </li>
    <li class="link">
        Link
    </li>
    <li class="link">
        Link
    </li>
    <li class="link">
        Link
    </li>
    <li class="link">
        Link
    </li>
    <li class="link">
        Link
    </li>
    <li class="link">
        Link
    </li>
    <li class="link">
        Link
    </li>
    <li class="link">
        Link
    </li>
    <li class="link">
        Link
    </li>
    <li class="link">
        Link
    </li>
    <li class="link">
        Link
    </li>
</ul>

CSS:

.footer{
    background-color:#000000;
    padding-left:5px;
}

.link{
    color:#ffffff;
    list-style:none;
    display:inline-block;
    width:200px;
    text-align:left;
}

DEMO

Alternate Solution: http://jsfiddle.net/xU76e/1/

HTML:

<div class="footer">
    <ul class="footer-links">
        <li class="link">
            Link
        </li>
        <li class="link">
            Link
        </li>
        <li class="link">
            Link
        </li>
        <li class="link">
            Link
        </li>
    </ul>
    <ul class="footer-links">
        <li class="link">
            Link
        </li>
        <li class="link">
            Link
        </li>
        <li class="link">
            Link
        </li>
        <li class="link">
            Link
        </li>
    </ul>
    <ul class="footer-links">
        <li class="link">
            Link
        </li>
        <li class="link">
            Link
        </li>
    </ul>
</div>

CSS:

.footer{
    background-color:#000000;
    overflow:auto;
}

.footer-links{
    padding-left:5px;
    float:left;
    padding:0px 20px;
    list-style:none;
}

.link{
    color:#ffffff;
}

Answer 2

You could try:

#container3 > div {
float: left;
padding-left: 10px;
/* any additional styling */
}