[CSS] Variable-width-container

Width of the container is variable with respect to its content. * display: inline-block

by gnossienne

HTML

<div class="background-container">
    <div class="title-container">
        <h3>CSS Test Fiddle</h3>
    </div>
</div>

CSS

.background-container {
    width: 800px;
    height: 600px;
    background-color: Menu;
}

.title-container {
    background-color: darkslategray;
    display: inline-block;
    left: -10px;
    padding: 5px 20px 5px 80px;
    position: relative;
    top: 30px;
}

h3 {
    color: ButtonFace;
    margin: 0px;
    font-family: monospace;
}