css position demo

dabblet.css

/**
 * css position demo
 */


#container
{
    width: 400px;
    position: relative;
    border: 1px solid black;
}

#A, #B
{
    height: 100px;
    width: 100px;
    border: 1px solid black;
    margin: 80px auto;
}

#A
{
    position:relative;
    border: 2px solid red;
}

#A img
{
    border: 2px solid red;
}


#B
{
    border: 2px solid blue;
}

#B img
{
    border: 2px solid blue;
}

img.kitten
{
    position:absolute;
    top: 10px;
}
​

dabblet.html

<div id="container">
    <div id="A">
        <img class="kitten" src="http://placekitten.com/40/40">
    </div>
    
    <div id="B">
        <img class="kitten" src="http://placekitten.com/40/40">
    </div>
</div>​

settings.json

{"view":"separate","seethrough":"","prefixfree":"1","page":"all"}