Div alignment

how to align links left/right/center

by hailwood

HTML

<div id="parent">
    <div id="left"><a href="#">Left</a></div>
    <div id="center"><a href="#">Center</a></div>
    <div id="right"><a href="#">Right</a></div>
    <div class="clear">
    </div>

CSS

#parent {border: 1px solid #000; padding: 5px; }

#parent div {
    float: left;
    width: 33%;
}

#parent div.clear{
    float: none;
    clear: both;
    width: 100%;
}

#left {text-align: left;}
#center {text-align: center;}
#right {text-align: right;}

#parent div:hover {
    background-color: #eee;
}