Untitled

dabblet.css

*{font: 12px sans-serif;list-style:none;margin:0;padding:0;}
#rfpAttachments > div {
    border: 1px solid #CCC;
    padding-top: 8px;
    height: 68px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
}
#rfpAttachments span.fileType {
    width: 150px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    display: inline-block;
    zoom: 1;
    text-overflow: ellipsis;
}
li {padding: 0 0 5px 0;}
ul {margin: 0 0 0 4px;position:relative;}
span.fileType {
    padding-left:26px;
    width: 200px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}
.fileType {background:url('http://www.emcsg.com/notion/share/images/icons/pdf.png')no-repeat;}
#primaryRFP {
  display:block;
  position:absolute;
  width:16px;
  height:16px;
  background-color:#CCC;
  left:-2px;
  top:-2px;
  background-color:red;
}
#rfpAttachments {
    width:220px;
    postion: absolute;
    right:0;
    top:0;
}

dabblet.html

<div id="rfpAttachments">
    <div>
        <ul>
            <li>
            	<span class="fileType pdf">
            		<span></span>
            		RFP_webdesign_V10.pdfRFP_webdesign_V10.pdf
            	</span>
            	<span id="primaryRFP"></span>
            </li>
            <li><span class="fileType doc"><span></span>Admin_ScreenShots.doc</span></li>
            <li><span class="fileType doc"><span></span>Admin2_ScreenShots.doc</span></li>
            <li><span class="fileType doc"><span></span>Admin2_ScreenShots.doc</span></li>
        </ul>
    </div>
</div>

settings.json

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