My Tip Menu

<div class="gr-12">
<h1>My Tip Menu</h1>
  <div class="gr-12">
    
    <div class="gr-12 tprequest no">
      <div class="gr-9"><p>Add your tip request here</p></div>
      <div class="gr-3 tcenter buy"><p><a href="#">200 tokens</a></p></div>
    </div>
    
     <div class="gr-12 tprequest no">
      <div class="gr-9"><p>Add your tip request here</p></div>
      <div class="gr-3 tcenter buy"><p><a href="#">200 tokens</a></p></div>
    </div>
    
     <div class="gr-12 tprequest no">
      <div class="gr-9"><p>Add your tip request here</p></div>
      <div class="gr-3 tcenter buy"><p><a href="#">200 tokens</a></p></div>
    </div>
    
     <div class="gr-12 tprequest no">
      <div class="gr-9"><p>Add your tip request here</p></div>
      <div class="gr-3 tcenter buy"><p><a href="#">200 tokens</a></p></div>
    </div>
    
     <div class="gr-12 tprequest no">
      <div class="gr-9"><p>Add your tip request here</p></div>
      <div class="gr-3 tcenter buy"><p><a href="#">200 tokens</a></p></div>
    </div>
    
     <div class="gr-12 tprequest no">
      <div class="gr-9"><p>Add your tip request here</p></div>
      <div class="gr-3 tcenter buy"><p><a href="#">200 tokens</a></p></div>
    </div>
    
     <div class="gr-12 tprequest no">
      <div class="gr-9"><p>Add your tip request here</p></div>
      <div class="gr-3 tcenter buy"><p><a href="#">200 tokens</a></p></div>
    </div>
    
     <div class="gr-12 tprequest no">
      <div class="gr-9"><p>Add your tip request here</p></div>
      <div class="gr-3 tcenter buy"><p><a href="#">200 tokens</a></p></div>
    </div>
    
     <div class="gr-12 tprequest no">
      <div class="gr-9"><p>Add your tip request here</p></div>
      <div class="gr-3 tcenter buy"><p><a href="#">200 tokens</a></p></div>
    </div>
    
  </div>
</div>

</div>

CSS markup

.xcr::-webkit-scrollbar {width:8px;}.xcr::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);-webkit-border-radius:10px;border-radius:10px;}.xcr::-webkit-scrollbar-thumb {-webkit-border-radius:10px;border-radius:10px;background-color:#ca879d;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}.xcr::-webkit-scrollbar-thumb:window-inactive {background:rgba(204,0,0,.4);border:1px solid #333;}* {box-sizing: border-box;}html{}* {box-sizing:border-box;}.line::after {content: "";clear: both;display: inline-table;}[class*="gr-"] {float: left;padding: 15px;border: 0px solid red;}.gr-1 {width: 8.33%;}.gr-2 {width: 16.66%;}.gr-3 {width: 25%;}.gr-4 {width: 33.33%;}.gr-5 {width: 41.66%;}.gr-6 {width: 50%;}.gr-7 {width: 58.33%;}.gr-8 {width: 66.66%;}.gr-9 {width: 75%;}.gr-10 {width: 83.33%;}.gr-11 {width: 91.66%;}.gr-12 {width: 100%;}.no{padding:0;}.tleft {text-align:left;}.tright {text-align:right;}.tcenter {text-align:center;}.tfleft {float:left;}.tfright {float:right;}.imgresp img, img.imgresp{display:block;width:100%;height:auto;margin:0 auto;}

#tipmenu{background-image:url('');background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;background-color:#fff;box-shadow:0 0 5px #999;margin:2% auto 1% auto;}
#tipmenu h1{display:block;text-align:center;font-family:-apple-system, "HelveticaNeue", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-weight:100;font-size:3.33em;}
.tprequest{color:#8b0404;border-bottom:1px solid #ca879d;}.tprequest p{display:block;line-height:normal;margin:0 auto;color:#8b0404;font-size:17px;}.buy a, .buy a:visited{display:block;padding:8px 11px;text-align:center;background-color:#e12965;color:#fff;-webkit-box-shadow:inset 0 7px 22px #8b0404;box-shadow:inset 0 7px 22px #8b0404;font-size:.7em;text-transform:uppercase;text-decoration:none;}.buy a:hover{background-color:#900;color:#fff;-webkit-box-shadow:inset 0 11px 27px #000;box-shadow:inset 0 11px 27px #000;}

Make sure that you do remember to wrapp the css markup between <style> and </style> tags, folowed by the HTML markup code

Camgirl Live Editor - Divider