Rounded corners text box for text

Rounded corners / rectangle around text

by Joviano Dias

HTML

<html lang="EN">
<body>
    <div id="appname" class="rounded-corners">My text</div>
    <br>
        <div id="appname" class="rounded-corners">Another One</div>
</body>
</html>

CSS

.rounded-corners {
    -moz-border-radius: 10px;
    width: max-content;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    color: #F5F5F5;
    background-color: #446eac;
    padding: 10px 10px 10px 10px; 
    text-align:center;
    font-family: "Arial", monospace;
}