JSFiddle - React, Tailwind, and code Playground

by reggi

HTML

<div class="container">
    <div class="mini">New Jersy</div>
    <div class="mini">New York</div>
    <div class="mini">Vermont</div>
    <div class="mini">California</div>
    <div class="mini">Texas</div>
    <div class="mini">South Carolina</div>
    <div class="mini">Washington</div>
    <div class="mini">Florida</div>
    <div class="mini">Oregon</div>
    <div class="mini">North Carolina</div>
    <div class="mini">New Hampshire</div>
    <div class="mini">Nevada</div>
</div>

CSS

.container{
    float:left;
    display:inline;
    text-align: left;
    position: absolute;
    top: 0px;
    left: 50%;
}

.mini{
    float:left;
    display:inline;
    background-color:#cccccc;
    padding:2px;
    margin:2px;
    text-align:center;
}

JavaScript

var tallest = Math.max( 0, $(".container div").width() );
alert(tallest);