The first commented line is your dabblet’s title

dabblet.css

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

body{
	background: #CCC;
	padding: 500px;
}

#map_de_muc {
    display: block;
    margin-top: -450px;
    position: absolute;
    right: 5px;
}


#map_de_muc_marker {
    margin-left: 170px;
    margin-top: -75px;
    position: absolute;
}

dabblet.html

<section id="map_de_muc">
	<img width="300" height="400" src="http://new.novolo.de/assets/images/map_de_muc.svg">
	<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAjCAYAAABhCKGoAAACSElEQVR42q3NS0iUYRSH8VOZF+iyCCKiVZuudIPCRRQEVhTdZkwdVEYUMU0ZFIcZHGc27Yw20QWsKFoJRSRlaLRI3CgRobt2XSAJJga6IJLO6Vk4MQzf+73fp7P4nd3/OZJKpbzYjku4hju4ias4ijLb3havwmN8xAKyeRaRwQRi2Gp8kkwmnezBC6gP3xDBqsKe9Pf3FzqHWegyDWFjflMSiUS+AOagKzSGDbmu9PX15RxEBlokDyH4/6QM49AiC0IkHo8LLkMt/mIC93EP45i3bKZRIbFYrBRjUBdTOIESyJI1OIYJy/asRKPRSmSgBpPYAjHYhHGX/QPp7e1NQQ3mcBxicQR/DI130tPTM4os1MFbiEejhsYX6e7unoEa3IV4dMPQSEskEplGFurgFsSjAUMjLV1dXSPIQh28hng0bGh8ks7OzgTU4CcOQSx2I2NoTElHR8dh/IAajGI9xKACwy77QWlvby/BCNTFS+yFFNiFZ5btaWlraxNchFpk8AQpJDGEtGXzHuXS2toqKMEbaJGdh0hLS0vODqShRXI715bm5uZ8p/ALukLPUZbrSlNTU6GTmIUu0yOU5zclHA472YnPUJ+uO/WksbHRJAT14QNKnVrS0NBgshpjUI/OmFpSX1/vphLzUItht46EQiGbQaiL39jn1pC6ujqbbfgONRiwNaS2ttaLKNTBV2y27aWmpsaLdZiBFrgCsZHq6mqvLmARumQSayE2wvHjFRQLqPK6k2Aw6McBKJ762UkgEPArjv1+Nv8AvsXvchH48ScAAAAASUVORK5CYII=" id="map_de_muc_marker">
	<h2>Munich, Germany</h2>
</section>

settings.json

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