Centered block element with unknown width

index.html

<div id="container">
    <div id="element">
        centered content
    </div>
</div>

styles.css

#container {
    text-align: center;
}
#element {
    text-align: left;
    display: inline-block;
}