JSFiddle - React, Tailwind, and code Playground

by akshatha suchethan

HTML

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<div id="asset-block">
  <div class="d-flex flex-column">
    <div class="d-inline bg-light-blue d-flex justify-content-center">
    <div class="my-auto p-3">
    
   
      <a       href="https://targus.sharepoint.com/sites/intranetdev/Pages/helpdesk_information.aspx" class="text-white">
  <img src="https://targus.sharepoint.com/sites/intranetdev/Style%20Library/TargusIntranet/Images/HelpDesk.png?ctag=190730"   class="img-fluid pr-2">
  <span class="">Help Desk</span>
 </a>
  </div>
</div>

</div>
</div>

CSS

.bg-light-blue {
    background-color: #5ec9db;
}
a{
  text-decoration: none;
}
#asset-block img {
    height: 30px;
}
#asset-block span {
    font-size:14px;
}