positioning

by mischah

HTML

<div class="container">
    <div class="button">«</div>
    <div class="label">Hier steht was</div>
    <div class="button right">»</div>    
</div>

<div class="container">
    <div class="button">«</div>
    <div class="label">Hier steht was längeres</div>
    <div class="button right">»</div>    
</div>

CSS

.container {
    background: lightgreen;   
    text-align: center;
    margin: auto;
    overflow: hidden;
    width: 200px;
}

.container > div {
    float: left;
}

.container > .button {
    background: lightblue;
    width: 25px;
}
.container > .label {
    text-align: center;
    border: 1px solid red;
}

.container > .right {
    float: right;
}