Untitled

dabblet.css

* {
margin:0;
padding:0;
}


div {
width:170px;
overflow:visible;
margin:100px;
background-color:red;
}


div a {
text-align:left;
position: relative;
left:-10px;
display: block;
padding: 10px 10px 10px 20px; 
//background-color:pink;
background-image:url('http://nitrocorpz.mine.nu/left.gif');background-repeat:no-repeat;
background-size:contain;
background-clip:border-box;
background-position:0px 0;;
}

dabblet.html

<div>
	<a href="#">teste de algo  com muito texto pra fazer a coisa quebrar</a>
</div>

settings.json

{"view":"split-vertical","prefixfree":"1","page":"css"}

Try to use pseudo-classes.
Take a look at this solution and try to implement vertical resizing / dynamic stretching sort of behavior.
http://fiveforblogger.blogspot.com/2011/10/pure-css-read-more-arrow-button.html