Untitled

dabblet.css

body {
	font-family: Arial;
}

.wrapper {
	width: 300px;
	margin-left: 10px;
}

.wrapper2 {
	display: inline-block;
	text-align: center;
	margin-left: 10px;
}

.dumb {
	font-size: 1.2em;
	color: white;
	background: #3A44BE;
	padding: .1em 0;
	box-shadow: 10px 0 #3A44BE,-10px 0 #3A44BE,10px 5px #FFE000,-10px 5px #FFE000;
}

.button {
	font-size: 1.2em;
	color: white;
	border: none;
	padding: 5px 10px;
	background: #3A44BE;
	border-bottom: 5px solid #FFE000;
	text-decoration: none;
	cursor: pointer;
}

dabblet.html

<div class="wrapper">
	<span class="dumb">Some text with line break and underlined</span>
</div>
<br>
<div class="wrapper2">
	<span class="dumb">Some text with<br>line break and underlined</span>
</div>
<br><br>
<button class="button" type="button">A button</button> <a class="button" href="#">A link button</a> <span class="button" href="#">A span button</span>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}