jonathansousa

div:empty, span:empty,
li:empty, p:empty,
td:empty, th:empty {padding: 0.5em; background: yellow;}

*[style], font, center {outline: 5px solid red;}
*[class=""], *[id=""] {outline: 5px dotted red;}

img[alt=""] {border: 3px dotted red;}
img:not([alt]) {border: 5px solid red;}
img[title=""] {outline: 3px dotted fuchsia;}

jonathansousa

Lorem ipsum dolor sit amet, consectetur adip*iscing elit. Nullam enim sapi*en, malesuada sed volutpat id, vulputate a leo. Nulla sagittis semper velit vel aliquam. In non elit quis augue elementum auctor eu sed risus. Integer sollicitudin lorem ut lacus faucibus nec euismod augue posuere. Aliquam semper, neque sed viverra varius, mauris nunc gravida velit, ut condimentum risus nunc sed sapien. Vestibulum iaculis, risus quis mattis dictum, magna metus lacinia metus, a placerat nulla lacus vel enim. Donec dui dui, vehicula in hendrerit at, posuere et turpis. Sed eget ante eget odio ullamcorper condimentum. Vivamus dui libero, mollis sed accumsan a, feugiat quis nisi. Phasellus placerat porttitor feugiat. Nulla facilisi. Nullam malesuada placerat turpis. Morbi mattis quam ac neque vestibulum molestie. Proin tristique, libero vel elementum pellentesque, nulla ante elementum lacus, sed posuere justo arcu sit amet augue. In at sagittis lacus.

Morbi ut odio enim, quis volutpat dui. Ut venenatis blandit malesuada. M

jonathansousa

/**
 * Checkbox Slider
 */
input[type=checkbox] {
    visibility: hidden;
}
.form_slider {
    position: relative;
    width: 33px;
    height: 9px;

jonathansousa

/**
 * Checkbox Slider
 */
input[type=checkbox] {
    visibility: hidden;
}
.form_slider {
    position: relative;
    width: 33px;
    height: 9px;

jonathansousa

/**
 * The first commented line is your dabblet’s title
 */
 body {
 	box-sizing:border-box;
 	background:green;
 }
.container {
	width:100%
}

jonathansousa

/**
 * Fixed/Flowed Demo
 */
 body {
 	box-sizing:border-box;
 	background:green;
 }
.container {
	width:100%
}

jonathansousa

/**
 * Column/Background Bug Test
 */
ul {
	-moz-column-count: 2;
	-moz-column-gap: 5px;
	-webkit-column-count: 2;
	-webkit-column-gap: 5px;
	column-count: 2;
	column-gap: 5px;

jonathansousa

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

jonathansousa

/**
 * Column/Background Bug Test
 */
ul {
	-moz-column-count: 2;
	-moz-column-gap: 5px;
	-webkit-column-count: 2;
	-webkit-column-gap: 5px;
	column-count: 2;
	column-gap: 5px;

jonathansousa

/**
 * Clipping Test
 */
body {
	background-color:blue;
}
img {
	background-color:red;
    position: absolute;
    top:30px;