JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-darkness/jquery-ui.css">

JavaScript

var $button = $("<button />");
var width = $button.html("Foo").button().appendTo(document.body).outerWidth();
$(document.body).append("Button width is: " + width, "<br />");

var $button = $("<button />");
var width = $button.html("Foo Bar").button().appendTo(document.body).outerWidth();
$(document.body).append("Button width is: " + width, "<br />");

var $button = $("<button />");
var width = $button.html("Foo&nbsp;Bar").button().appendTo(document.body).outerWidth();
$(document.body).append("Button width is: " + width, "<br />");