Untitled

dabblet.css

*{
	font-size: 12px;
	margin: 0;
	box-sizing: border-box;
}

.row {
	display: box;
	height: 94px;
	background: whitesmoke;
	box-align: center;
}

.row >* {
	display: box;
	box-pack: center;
	box-orient: vertical;
}

.img {
	width: 94px;
	height: 94px;
	background: lightgrey;
}

.content {
	padding: 0 20px;
	box-flex: 1;
}

.content >* {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.btn {
	width: 20px;
	height: 20px;
	border-radius: 5px;
	background: gold;
	margin-right: 20px;
}

dabblet.html

<div class="row">
	<div class="img"></div>
	<div class="content">
		<h3>long long long long long long long long long long long title</h3>
		<p>some info</p>
		<time>morgen 17:00</time>
	</div>
	<div class="btn"></div>
</div>

settings.json

{"view":"split-vertical","fontsize":"80","seethrough":"","prefixfree":"1","page":"all"}