Gradient Border

by Paulie_D

HTML

<div class="main">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis aut dolorum porro est asperiores ullam doloremque magnam numquam recusandae ut molestiae impedit fugit adipisci facere tempore ad dicta rem tenetur velit doloribus dignissimos aspernatur illum nisi saepe et eveniet provident dolore. Quaerat saepe neque corporis numquam fugiat nobis soluta enim doloremque voluptates veniam facilis asperiores atque delectus dolorum maiores pariatur voluptatibus deserunt perferendis eveniet assumenda voluptate unde culpa magnam odit cum sapiente quis accusamus sunt repellendus suscipit incidunt necessitatibus officiis eum libero aut omnis adipisci distinctio minima tenetur ad dolore ut totam nihil esse odio amet eius repudiandae fuga molestias ex. Eius sequi sed enim modi accusantium et laudantium dolorum voluptate inventore libero explicabo nam atque rerum odit quo voluptas dolore repudiandae totam est rem itaque tenetur fugit id voluptates suscipit ipsam facilis unde beatae eos praesentium numquam consequatur tempore cumque vero minus temporibus eveniet! Dolores voluptas ullam veritatis saepe nobis ipsa nisi eius perspiciatis soluta consectetur quibusdam laborum minima culpa ad vitae placeat autem facere eaque obcaecati beatae illum eum corporis aut cum provident et reprehenderit aspernatur? Quae minus porro dolore praesentium blanditiis architecto repellendus asperiores omnis consequuntur commodi similique minima esse quod vel natus totam aliquam dolorem repellat suscipit doloremque ducimus illo odio nam obcaecati odit quos libero. Tempore odit cum sed officia qui quo corporis sequi. Vitae corporis quas nulla rerum reiciendis cumque omnis quod eaque id soluta. Quae saepe voluptates impedit odit quasi odio voluptas quos dolorum quod veritatis sequi aliquid porro eveniet libero neque dolore laudantium minus consectetur laborum ullam eaque nulla delectus numquam itaque fuga expedita similique non totam quaerat fugit doloribus aspernatur...

CSS

body {
    background:orange;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.main {
    width:75%;
    margin:0 auto;
    padding:6%;
    height:2000px;
    background:linear-gradient(to right, black, white 5%, black 5%, black 95%, white 95%, black);
    color:white;
}