JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">



<head>



    <title>Conforming XHTML 1.0 Transitional Template</title>

    <style type="text/css">

        .referencesSkills {

            color: #4086b9;

            padding: 3px 5px;;

            border: 1px solid #4086b9;

            background-color: #ecf7ff;

            -moz-border-radius: 5px;

            -webkit-border-radius: 5px;

            -o-border-radius: 5px;

            -ms-border-radius: 5px;

            -khtml-border-radius: 5px;

            font-size: 14px;

            margin-right: 2px;

            line-height: 30px;

        }

    </style>

</head>



<body>



<div style="width: 250px;">

    <p style="white-space: normal;">

        <a href="#" class="referencesSkills">123456789012345678901234567890</a>

        <a href="#" class="referencesSkills">123456789012345678901234567890</a>

        <a href="#" class="referencesSkills">12345678901234567890</a>

    </p>

</div>

</body>



</html>