aboutsummaryrefslogtreecommitdiffstats
path: root/demos/resizable/containment.html
diff options
context:
space:
mode:
Diffstat (limited to 'demos/resizable/containment.html')
-rw-r--r--demos/resizable/containment.html9
1 files changed, 5 insertions, 4 deletions
diff --git a/demos/resizable/containment.html b/demos/resizable/containment.html
index 948afbdbb..74e767ad1 100644
--- a/demos/resizable/containment.html
+++ b/demos/resizable/containment.html
@@ -8,9 +8,10 @@
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<style type="text/css">
+ #container { width: 300px; height: 300px; }
+ #container h3 { text-align: center; margin: 0; margin-bottom: 10px; }
#resizable { background-position: top left; width: 150px; height: 150px; }
#resizable, #container { padding: 0.5em; }
- #container { width: 300px; height: 300px; }
</style>
<script type="text/javascript">
$(function() {
@@ -24,9 +25,9 @@
<div class="demo">
<div id="container" class="ui-widget-content">
- <p>Container</p>
- <div id="resizable" class="ui-widget-header">
- <p>Resize me</p>
+ <h3 class="ui-widget-header">Containment</h3>
+ <div id="resizable" class="ui-state-active">
+ <h3 class="ui-widget-header">Resizable</h3>
</div>
</div>