Untitled

dabblet.css

div {
   
    width: 100px;
    height: 50px;
    /* The background is used to specify the border background */
    background: -moz-linear-gradient(top,#f00, #ff0);
    background: -webkit-linear-gradient(top,#fff,#222, #fff);
    /* Background origin is the padding box by default.
    Override to make the background cover the border as well. */
    -moz-background-origin: border;
    background-origin: border-box;
    /* A transparent border determines the width */
    border: 1px  solid transparent;
    border-top:none;
    border-bottom:none;
    box-shadow:
       
        
        inset -999px 0 0  #fff; /* The background color */
}

p{
margin:auto;

}

dabblet.html

<div class="one">
<div>
<p>Selam</p>
<p>Merhaba</p>
</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"90","seethrough":"","prefixfree":"1","page":"html"}