Spacing paragraphs

HTML

<div>
    <p class="text">paragraph1</p>
    <p class="text">paragraph2</p>
</div>
<div>
    <p class="text">paragraph1</p>
    <p class="text">paragraph2</p>
</div>

CSS

/*   html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark  html5doctor.com/html-5-reset-stylesheet/*/
 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    /*background:transparent;*/
}
article, aside, figure, footer, header, hgroup, nav, section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}
/* tables still need cellspacing="0" in the markup */
 table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
/* END RESET CSS */
 div {
    width:100px;
    height:auto;
    background-color:#999;
    margin-bottom:20px;
}
.text {
    color: #000;
    font-size: 12px;
    font-family: robotolight, sans-serif;
    text-align: left;
    line-height: 14px;
    display:inline-block;
}
p{
    margin: 0 0 20px;
}
div{
    padding: 10px;
}

JavaScript

/* what is the best way to do this ? */