css - Want to make a padded color line across a page -

i want make line lets green padded 20px across page. html or css this?

i have tried simple code found on other website no success. want have line going across page, used additional background image.

why not use <hr> element , style accordingly?

html

<p>some content</p> <hr class="line"> <p>some more content</p>

css

.line {     height:20px;     background-color: green;     border:0; }

My