JSFiddle - React, Tailwind, and code Playground

by 3gwebtrain

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/js/bootstrap.min.js"></script>


<div class="row">
  <h2>
    Terms and Conditions
  </h2>
  <p class="label-black">On this page, you will find DHL website terms and conditions.Please note that different terms and conditions may apply in certain countries. </p>
  <p class="label-black">The terms and conditions of use of this website are as follows: </p>
  <h3>Copyright</h3>
  <p class="label-black">The copyright in this publication is owned by DHL eCommerce (Singapore) Pte. Ltd. </p> 
  <div>
  <h3>Authorization to Reproduce</h3>
    <p class="label-black">Any person may reproduce any portion of the material in these web pages subject to the following conditions:</p>
    <ul class="authorizationContent">
      <li>The material may be used for information and non-commercial purposes only</li>
      <li>It may not be modified in any way</li>
      <li>No unauthorized copy is made of any DHL trademark</li>
    </ul>
  </div>
</div>

CSS

ul{
  border:1px solid red;
  padding:0;
  margin:0;
  width:20%;
}

ul li{
    list-style-type: circle;
    list-style-position: outside;
    margin-left:2em;
}