JSFiddle - React, Tailwind, and code Playground

by Nikhil krishnan

HTML

<ul>
  <li>small</li>
  <li>large item</li>
  <li>Extra large item</li>
</ul>

CSS

ul li{
  display: inline-block;
  float: left;
  list-style:none;
  border: solid 1px #ccc;
  padding: 2px;
  text-align: center;
  margin: 1px;
}

JavaScript

$('li').each(function(){
	var width = $(this).width();
	$(this).append('</br>' + width);
});