JSFiddle - React, Tailwind, and code Playground

HTML

<head lang="en">

    <title>Test5</title>
</head>
<body><div id="background"><!--
        --><div id="text1">999999<br>100<br>200</div><!--
        --><div id="text2">100<br>200</div><!--
        --><div id="text3">10000</div><!--
        --></div>
</body>

CSS

@charset "UTF-8";
#text1
{
    background-color: rgb(254, 250, 143);
    display: inline-block;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 10px;
    border: solid 1px;
    font-weight: bold;
    font-size: large;
    vertical-align: top;
}
#text2
{
    background-color: rgb(254, 250, 143);
    display: inline-block;
    margin-left: 5px;
    margin-top: 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 10px;
    border: solid 1px;
    font-weight: bold;
    font-size: large;
    vertical-align: top;
}
#text3{
    background-color: rgb(254, 250, 143);
    display: inline-block;
    margin-left: 5px;
    margin-top: 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 10px;
    border: solid 1px;
    font-weight: bold;
    font-size: large;
    vertical-align: bottom;
}
#background{
    width: 98%;
    margin: 1%;
    background-color: rgb(215, 225, 253);
}
body{
    border: solid 1px;
    border-color: rgb(215, 225, 253);
}