JSFiddle - React, Tailwind, and code Playground

by alemarch

HTML

<div class="Paging">
    
<a href="#">this is link</a>
    
<b>this is a tag b</b>
    
    <a><b>internal b external a</b></a>
    
    <b><a>external b internal a</a></b>
   
    
</div>

CSS

.Paging { 
  background-color:none; 
} 
.Paging b {
  padding-left: 4px;
  padding-right: 4px;
  display:inline-block;
  margin: 1px;
  background:#5b74a8;
  text-decoration: none;
  border: solid 1px #f9f9f9;
  border-radius: 3px;
  font-weight: bold;
  font-family: courier;color:#505050;
}

.Paging a {
  padding-left: 4px;
  padding-right:4px;
  display:inline-block;
  margin: 1px;
  background-color:#5b74a8;
  text-decoration:none;
  border: solid 1px #29447e;
  border-radius: 3px;
  color:#ffffff;
  font-weight: bold;
  font-family: courier;
}