JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css">
<div id="dialog1" title="Position 1">
    <p>This is dialog 1</p>
</div>
<div id="dialog2" title="Position 2">
    <p></p>
</div>
<div id="dialog3" title="Position 3">
    <p></p>
</div>

CSS

*{font-size:0.9em}

JavaScript

$( "#dialog1" ).dialog({ position: [50,0] });
$( "#dialog2" ).dialog({ position: [100%,100%] });
$( "#dialog3" ).dialog({ position: [300,200] });