Zig Zag Effect

dabblet.css

body {
    background:url(http://i.imgur.com/qKsVr.png);
}

header {
    width:240px;
    background:	white;
}

header:after {
    content: " ";
    display:block;
    position: relative;
    width: 240px;
    bottom:-30px;
    height:30px;
    outline:1px solid red;
    background: linear-gradient(-45deg, transparent 75%, white 75%) 0 50%,
                linear-gradient( 45deg, transparent 75%, white 75%) 0 50%;
    background-repeat: repeat-x;
    background-size:30px 30px, 30px 30px;
}

	

dabblet.html

<header>Lorem ipsum dolor sit amet .. jk. No Latin here. Filler text extends and stretches this element box.</header>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}