HTML – How to prevent tags from popping up against each other

  • Home / Blog / HTML – How…

HTML – How to prevent tags from popping up against each other

a.user-interest {
    border-radius: 5px;
    background: #f2f2f2;
    color: #696969;
    border: 3px solid #A9A9A9;
    padding: 3px;
    white-space: nowrap;
    text-decoration: none;
}
<html>
  <head>  
     <title>Example</title>
  </head>
  <body>
  <div>
    <h4>Interests</h4>
    <p class="interest">    
      <a class="user-interest" href="https://stackoverflow.com/questions/68343653/#">Science Fiction</a>    
      <a class="user-interest" href="https://stackoverflow.com/questions/68343653/#">Community Service</a>    
      <a class="user-interest" href="https://stackoverflow.com/questions/68343653/#">Craftsmanship</a>    
      <a class="user-interest" href="https://stackoverflow.com/questions/68343653/#">Exercising and Healthcare</a>    
    </p>
  </div>
  
  </body>
</html>

Write a Comment

Your email address will not be published. Required fields are marked *

x