css try

dabblet.css

/**css try */

.shadow{box-shadow: 5px 5px 15px #222, -5px -5px 15px #e9e9e9;}

.container {
max-width: 85%;
display: flex;
padding: 0 100px 0 100px;
border-box: 1px solid #000;
overflow: hidden;
position: top center;
margin: auto auto;
}
.card {
position: relative;
border: 0px solid black;
width: 250px;
height: 300px;
float: left;
padding: 5px;
background: #efefef;
}
.card-header{}
.card-body{margin: auto auto; overflow: hidden;}
.card-img{}
.hr{max-width:75%; border-top:1px solid black; align:center; }
.card-footer{}

dabblet.html

<div class="container">
<div class="card shadow">
<div class="card-header"></div>
<div class="hr"></div>
<div class="card-body"></div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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