JSFiddle - React, Tailwind, and code Playground

by salvadoresc

HTML

<div class="container">
<div class="linediv1"></div>
    <div class="linediv2"></div>
  <div class="content">
    <h1>sample</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur lacinia, elit a ullamcorper facilisis, nisi sapien mollis nisi, sed fringilla dolor urna at urna. Morbi sodales arcu ut erat gravida gravida. Suspendisse turpis quam, lobortis quis suscipit vel, tincidunt vitae arcu. Proin tempor eleifend dui, a rutrum ipsum sagittis at. Vestibulum at ligula velit. Proin sed augue id quam vulputate gravida. Aliquam enim mauris, scelerisque sit amet egestas quis, tempus eu dui. Nam sed nunc ut leo venenatis adipiscing in non purus. Mauris vel felis nisl, ut faucibus leo. Maecenas ultricies mollis auctor. Duis urna purus, ultricies eu euismod at, eleifend id diam. Aliquam fermentum dui eu justo aliquam vestibulum. Maecenas metus felis, fermentum vel aliquet vitae, porta sed nisl. </p>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur lacinia, elit a ullamcorper facilisis, nisi sapien mollis nisi, sed fringilla dolor urna at urna. Morbi sodales arcu ut erat gravida gravida. Suspendisse turpis quam, lobortis quis suscipit vel, tincidunt vitae arcu. Proin tempor eleifend dui, a rutrum ipsum sagittis at. Vestibulum at ligula velit. Proin sed augue id quam vulputate gravida. Aliquam enim mauris, scelerisque sit amet egestas quis, tempus eu dui. Nam sed nunc ut leo venenatis adipiscing in non purus. Mauris vel felis nisl, ut faucibus leo. Maecenas ultricies mollis auctor. Duis urna purus, ultricies eu euismod at, eleifend id diam. Aliquam fermentum dui eu justo aliquam vestibulum. Maecenas metus felis, fermentum vel aliquet vitae, porta sed nisl. </p>
    </div>

CSS

body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background-color: #42413C;
    margin: 0;
    padding: 0;
    color: #000;
}
.container {
    width: 960px;
    background-color: #FFF;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
    position: relative;
}
.container .linediv1 {
    background-color: #0CF;
    height: 2px;
    width: 1600px;
    position: absolute;
    right: 960px;
    top: 75px;
}
.container .linediv2 {
    background-color: #0CF;
    position: absolute;
    left: 960px;
    top: 100px;
    height: 2px;
    width: 1600px;
}