You can edit / change the code and click run button
​x
 
1
​
2
​
3
​
4
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5
    <title>Box Model Concept</title>
6
<script>var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push(101319977);</script><script async src="//static.getclicky.com/js"></script>
7
<style type="text/css">
8
body {
9
    margin: 0;
10
    padding: 8% 25%;
11
    color: #FFF;
12
    font: 1.2em/1.3 sans-serif;
13
}
14
p {
15
    margin: 0;
16
}
17
/* Box Styles
18
--------------------------------------------- */
19
.box {
20
    background-color: #000;
21
    padding: 30px;
22
    border: 15px solid skyblue;
23
    margin: 0 auto;
24
    width: 50%;
25
}
26
.margin-edge {
27
    border: 3px dashed red;
28
}
29
</style>
30
​
31
    <div class="margin-edge">
32
        <p class="box">
33
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
34
            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
35
            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
36
            consequat.
37
        </p>
38
    </div>
39
​
40
​
41
​