JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cardt">
                    <div class="panoramamoedas" >
                        <ul>
                           
                            
                                <li><a href="link1.htm">teste</a></li>
                                <li><a href="link1.htm">teste2</a></li>
                           
                        </ul>

</div></div>

CSS

.cardt {
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(63, 63, 68, 0.1);
  background-color: #FFFFFF;
  margin-bottom: 30px;
  
}  
  .panoramamoedas{
        width:100%;
        margin:0 auto;
        
    }

    .panoramamoedas ul li {

        border-bottom: 1px solid #CCC;
        text-align: left;
        list-style-type: none;
    }

    .panoramamoedas a:link {

        color: #666;
        font-weight: bold;
        text-decoration: none;
        padding: 8px;
        display: block;
    }

    .panoramamoedas a:hover {
        background: #F5F5F5;
        color: #039;
    }