</head>
<body>
-
-<div class="ui-state-error ui-corner-all" style="width: 420px;">
- <p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .5em;"></span>
- <strong>Alert:</strong> This is a sample ui-state-error style.</p>
-</div>
-
-
-<div class="ui-state-highlight ui-corner-all" style="width: 420px;">
- <p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .5em;"></span>
- <strong>Quick Tip!</strong> This is a sample ui-state-highlight style.</p>
+<div class="ui-widget">
+ <div class="ui-state-error ui-corner-all">
+ <p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .5em;"></span>
+ <strong>Alert:</strong> Sample ui-state-error style.</p>
+ </div>
+
+
+ <div class="ui-state-highlight ui-corner-all" style="margin-top: 20px">
+ <p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .5em;"></span>
+ <strong>Tip!</strong> Sample ui-state-highlight style.</p>
+ </div>
</div>
-
-
</body>
</html>