demos: fixed demo descriptions to use CODE for option names instead of STRONG

45 files changed, 48 insertions, 48 deletions

diff --git a/demos/accordion/collapsible.html b/demos/accordion/collapsible.html
index b53e610b7..635361b26 100644
--- a/demos/accordion/collapsible.html
+++ b/demos/accordion/collapsible.html
@@ -58,7 +58,7 @@
 
 <div class="demo-description">
 
-<p>By default, accordions always keep one section open. To allow for all sections to be be collapsible, set the <strong>alwaysOpen</strong> option to false. Click on the currently open section to collapse its content pane.</p>
+<p>By default, accordions always keep one section open. To allow for all sections to be be collapsible, set the <code>alwaysOpen</code> option to false. Click on the currently open section to collapse its content pane.</p>
 
 
 </div><!-- End demo-description -->
diff --git a/demos/accordion/custom-icons.html b/demos/accordion/custom-icons.html
index 8b6d71dd3..76cd1d86a 100644
--- a/demos/accordion/custom-icons.html
+++ b/demos/accordion/custom-icons.html
@@ -61,7 +61,7 @@
 
 <div class="demo-description">
 
-<p>Customize the header icons with the <strong>icons</strong> option, which accepts classes for the header's default and selected (open) state.  Use any class from the UI CSS framework, or create custom classes with background images.</p>
+<p>Customize the header icons with the <code>icons</code> option, which accepts classes for the header's default and selected (open) state.  Use any class from the UI CSS framework, or create custom classes with background images.</p>
 
 </div><!-- End demo-description -->
 
diff --git a/demos/accordion/fillspace.html b/demos/accordion/fillspace.html
index 5fe41c3a4..dde1c6a7c 100644
--- a/demos/accordion/fillspace.html
+++ b/demos/accordion/fillspace.html
@@ -76,7 +76,7 @@
 
 <div class="demo-description">
 
-<p>Because the accordion is comprised of block-level elements, by default its width fills the available horizontal space. To fill the vertical space allocated by its container, set the boolean <strong>fillSpace</strong> option to true, and the script will automatically set the dimensions of the accordion to the height of its parent container.  The accordion will also resize with its container if the container is <strong>resizable</strong>.</p>
+<p>Because the accordion is comprised of block-level elements, by default its width fills the available horizontal space. To fill the vertical space allocated by its container, set the boolean <code>fillSpace</code> option to true, and the script will automatically set the dimensions of the accordion to the height of its parent container.  The accordion will also resize with its container if the container is <code>resizable</code>.</p>
 
 </div><!-- End demo-description -->
 
diff --git a/demos/accordion/mouseover.html b/demos/accordion/mouseover.html
index 3b88363ca..1d2ff4d3c 100644
--- a/demos/accordion/mouseover.html
+++ b/demos/accordion/mouseover.html
@@ -58,7 +58,7 @@
 
 <div class="demo-description">
 
-<p>Toggle sections open/closed on mouseover with the <strong>event</strong> option. The default value for event is "click."</p>
+<p>Toggle sections open/closed on mouseover with the <code>event</code> option. The default value for event is "click."</p>
 
 </div><!-- End demo-description -->
 
diff --git a/demos/datepicker/alt-field.html b/demos/datepicker/alt-field.html
index 12abb9eaf..f30829b9a 100644
--- a/demos/datepicker/alt-field.html
+++ b/demos/datepicker/alt-field.html
@@ -23,7 +23,7 @@
 
 <div class="demo-description">
 
-<p>Populate an alternate field with its own date format whenever a date is selected using the <strong>altField</strong> and <strong>altFormat</strong> options.  This feature could be used to present a human-friendly date for user selection, while passing a more computer-friendly date through for further processing.</p>
+<p>Populate an alternate field with its own date format whenever a date is selected using the <code>altField</code> and <code>altFormat</code> options.  This feature could be used to present a human-friendly date for user selection, while passing a more computer-friendly date through for further processing.</p>
 
 </div><!-- End demo-description -->
 
diff --git a/demos/datepicker/buttonbar.html b/demos/datepicker/buttonbar.html
index 1fd8a5240..30006d256 100644
--- a/demos/datepicker/buttonbar.html
+++ b/demos/datepicker/buttonbar.html
@@ -25,7 +25,7 @@
 
 <div class="demo-description">
 
-<p>Display a button for selecting Today's date and a Done button for closing the calendar with the boolean <strong>showButtonPanel</strong> option.  Each button is enabled by default when the bar is displayed, but can be turned off with additional options.  Button text is customizable.</p>
+<p>Display a button for selecting Today's date and a Done button for closing the calendar with the boolean <code>showButtonPanel</code> option.  Each button is enabled by default when the bar is displayed, but can be turned off with additional options.  Button text is customizable.</p>
 
 </div><!-- End demo-description -->
 
diff --git a/demos/datepicker/dropdown-month-year.html b/demos/datepicker/dropdown-month-year.html
index a16ff09a4..c31a024f7 100644
--- a/demos/datepicker/dropdown-month-year.html
+++ b/demos/datepicker/dropdown-month-year.html
@@ -26,7 +26,7 @@
 
 <div class="demo-description">
 
-<p>Show month and year dropdowns in place of the static month/year header to facilitate navigation through large timeframes.  Add the boolean <strong>changeMonth</strong> and <strong>changeYear</strong> options.</p>
+<p>Show month and year dropdowns in place of the static month/year header to facilitate navigation through large timeframes.  Add the boolean <code>changeMonth</code> and <code>changeYear</code> options.</p>
 
 </div><!-- End demo-description -->
 
diff --git a/demos/datepicker/min-max.html b/demos/datepicker/min-max.html
index 6a7d87eb2..a20239633 100644
--- a/demos/datepicker/min-max.html
+++ b/demos/datepicker/min-max.html
@@ -23,7 +23,7 @@
 
 <div class="demo-description">
 
-<p>Restrict the range of selectable dates with the <strong>minDate</strong> and <strong>maxDate</strong> options.  Set the beginning and end dates as actual dates (new Date(2009, 1 - 1, 26)), as a numeric offset from today (-20), or as a string of periods and units ('+1M +10D').  For the last, use 'D' for days, 'W' for weeks, 'M' for months, or 'Y' for years.</p>
+<p>Restrict the range of selectable dates with the <code>minDate</code> and <code>maxDate</code> options.  Set the beginning and end dates as actual dates (new Date(2009, 1 - 1, 26)), as a numeric offset from today (-20), or as a string of periods and units ('+1M +10D').  For the last, use 'D' for days, 'W' for weeks, 'M' for months, or 'Y' for years.</p>
 
 </div><!-- End demo-description -->
 
diff --git a/demos/datepicker/multiple-calendars.html b/demos/datepicker/multiple-calendars.html
index fe7d990a1..615537dd3 100644
--- a/demos/datepicker/multiple-calendars.html
+++ b/demos/datepicker/multiple-calendars.html
@@ -26,7 +26,7 @@
 
 <div class="demo-description">
 
-<p>Set the <strong>numberOfMonths</strong> option to an integer of 2 or more to show multiple months in a single datepicker.</p>
+<p>Set the <code>numberOfMonths</code> option to an integer of 2 or more to show multiple months in a single datepicker.</p>
 
 </div><!-- End demo-description -->
 
diff --git a/demos/demos.css b/demos/demos.css
index 96ac8810f..2d2ce1fc8 100644
--- a/demos/demos.css
+++ b/demos/demos.css
@@ -167,7 +167,7 @@ eventually we should convert the font sizes to ems -- using px for now to minimi
 }
 
 #demo-notes { width:520px; color:#333; font-size: 1em; }
-.demo-description p code { padding: 0; font-weight: bold; }
+#demo-notes p code, .demo-description p code { padding: 0; font-weight: bold; }
 #demo-source pre, #demo-source code { padding: 0; }
 code, pre { padding:8px 0 8px 20px ; font-size: 1.2em; line-height:130%;  }
 
diff --git a/demos/dialog/modal-confirmation.html b/demos/dialog/modal-confirmation.html
index 9bbad8ae1..0ff6ca4ff 100644
--- a/demos/dialog/modal-confirmation.html
+++ b/demos/dialog/modal-confirmation.html
@@ -59,7 +59,7 @@
 
 <div class="demo-description">
 
-<p>Confirm an action that may be destructive or important.  Set the <strong>modal</strong> option to true, and specify primary and secondary user actions with the <strong>buttons</strong> option.</p>
+<p>Confirm an action that may be destructive or important.  Set the <code>modal</code> option to true, and specify primary and secondary user actions with the <code>buttons</code> option.</p>
 
 </div><!-- End demo-description -->
 
diff --git a/demos/dialog/modal-form.html b/demos/dialog/modal-form.html
index c024f7ed4..5021e0cde 100644
--- a/demos/dialog/modal-form.html
+++ b/demos/dialog/modal-form.html
@@ -70,7 +70,7 @@
 
 <div class="demo-description">
 
-<p>Use a modal dialog to require that the user enter data during a multi-step process.  Embed form markup in the content area, set the <strong>modal</strong> option to true, and specify primary and secondary user actions with the <strong>buttons</strong> option.</p>
+<p>Use a modal dialog to require that the user enter data during a multi-step process.  Embed form markup in the content area, set the <code>modal</code> option to true, and specify primary and secondary user actions with the <code>buttons</code> option.</p>
 
 </div><!-- End demo-description -->
 
diff --git a/demos/dialog/modal-message.html b/demos/dialog/modal-message.html
index a0a039f85..704e46ff7 100644
--- a/demos/dialog/modal-message.html
+++ b/demos/dialog/modal-message.html
@@ -56,7 +56,7 @@
 
 <div class="demo-description">
 
-<p>Use a modal dialog to explicitly acknowledge information or an action before continuing their work.  Set the <strong>modal</strong> option to true, and specify a primary action (Ok) with the <strong>buttons</strong> option.</p>
+<p>Use a modal dialog to explicitly acknowledge information or an action before continuing their work.  Set the <code>modal</code> option to true, and specify a primary action (Ok) with the <code>buttons</code> option.</p>
 
 </div><!-- End demo-description -->
 
diff --git a/demos/dialog/modal.html b/demos/dialog/modal.html
index ffe43d4f1..7e1f01b3f 100644
--- a/demos/dialog/modal.html
+++ b/demos/dialog/modal.html
@@ -47,7 +47,7 @@
 
 <div class="demo-description">
 
-<p>A modal dialog prevents the user from interacting with the rest of the page until it is closed.  To add a semi-transparent layer that dims out the page content behind the dialog, set the background color and opacity of the <strong>overlay</strong> option.</p>
+<p>A modal dialog prevents the user from interacting with the rest of the page until it is closed.  To add a semi-transparent layer that dims out the page content behind the dialog, set the background color and opacity of the <code>overlay</code> option.</p>
 
 </div><!-- End demo-description -->
 
diff --git a/demos/draggable/constrain-movement.html b/demos/draggable/constrain-movement.html
index 7127f57ba..d98f5d218 100644
--- a/demos/draggable/constrain-movement.html
+++ b/demos/draggable/constrain-movement.html
@@ -59,7 +59,7 @@
 <div class="demo-description">
 
 <p>
-Constrain the movement of each draggable by defining the boundaries of the draggable area. Set the <strong>axis</strong> option to limit the draggable's path to the x- or y-axis, or use the <strong>containment</strong> option to specify a parent DOM element or a jQuery selector, like 'document.'
+Constrain the movement of each draggable by defining the boundaries of the draggable area. Set the <code>axis</code> option to limit the draggable's path to the x- or y-axis, or use the <code>containment</code> option to specify a parent DOM element or a jQuery selector, like 'document.'
 </p>
 
 </div><!-- End demo-description -->
diff --git a/demos/draggable/cursor-style.html b/demos/draggable/cursor-style.html
index 5e8d6f452..bd944c7d1 100644
--- a/demos/draggable/cursor-style.html
+++ b/demos/draggable/cursor-style.html
@@ -38,7 +38,7 @@
 <div class="demo-description">
 
 <p>
-Position the cursor while dragging the object. By default the cursor appears in the center of the dragged object; use the <strong>cursorAt</strong> option to specify another location relative to the draggable (specify a pixel value from the top, right, bottom, and/or left).  Customize the cursor's appearance by supplying the <strong>cursor</strong> option with a valid CSS cursor value: default, move, pointer, crosshair, etc.
+Position the cursor while dragging the object. By default the cursor appears in the center of the dragged object; use the <code>cursorAt</code> option to specify another location relative to the draggable (specify a pixel value from the top, right, bottom, and/or left).  Customize the cursor's appearance by supplying the <code>cursor</code> option with a valid CSS cursor value: default, move, pointer, crosshair, etc.
 </p>
 
 </div><!-- End demo-description -->
diff --git a/demos/draggable/delay-start.html b/demos/draggable/delay-start.html
index 500ac477d..23db6f871 100644
--- a/demos/draggable/delay-start.html
+++ b/demos/draggable/delay-start.html
@@ -34,7 +34,7 @@
 <div class="demo-description">
 
 <p>
-Delay the start of dragging for a number of milliseconds with the <strong>delay</strong> option; prevent dragging until the cursor is held down and dragged a specifed number of pixels with the <strong>distance</strong> option. 
+Delay the start of dragging for a number of milliseconds with the <code>delay</code> option; prevent dragging until the cursor is held down and dragged a specifed number of pixels with the <code>distance</code> option. 
 </p>
 
 </div><!-- End demo-description -->
diff --git a/demos/draggable/events.html b/demos/draggable/events.html
index 2365855af..d5903d009 100644
--- a/demos/draggable/events.html
+++ b/demos/draggable/events.html
@@ -65,7 +65,7 @@
 <div class="demo-description">
 
 <p>
-Layer functionality onto the draggable using the <strong>start</strong>, <strong>drag</strong>, and <strong>stop</strong> events.  Start is fired at the start of the drag; drag during the drag; and stop when dragging stops.
+Layer functionality onto the draggable using the <code>start</code>, <code>drag</code>, and <code>stop</code> events.  Start is fired at the start of the drag; drag during the drag; and stop when dragging stops.
 </p>
 
 </div><!-- End demo-description -->
diff --git a/demos/draggable/handle.html b/demos/draggable/handle.html
index 02526ce7c..3e600d640 100644
--- a/demos/draggable/handle.html
+++ b/demos/draggable/handle.html
@@ -36,8 +36,8 @@
 
 <div class="demo-description">
 
-<p>Allow dragging only when the cursor is over a specific part of the draggable.  Use the <strong>handle</strong> option to specify the jQuery selector of an element (or group of elements) used to drag the object.</p>
-<p>Or prevent dragging when the cursor is over a specific element (or group of elements) within the draggable.  Use the <strong>cancel</strong> option to specify a jQuery selector over which to "cancel" draggable functionality.</p>
+<p>Allow dragging only when the cursor is over a specific part of the draggable.  Use the <code>handle</code> option to specify the jQuery selector of an element (or group of elements) used to drag the object.</p>
+<p>Or prevent dragging when the cursor is over a specific element (or group of elements) within the draggable.  Use the <code>cancel</code> option to specify a jQuery selector over which to "cancel" draggable functionality.</p>
 
 </div><!-- End demo-description -->
 </body>
diff --git a/demos/draggable/revert.html b/demos/draggable/revert.html
index 005b99e6b..b2a95323b 100644
--- a/demos/draggable/revert.html
+++ b/demos/draggable/revert.html
@@ -33,7 +33,7 @@
 <div class="demo-description">
 
 <p>
-Return the draggable (or it's helper) to its original location when dragging stops with the boolean <strong>revert</strong> option.
+Return the draggable (or it's helper) to its original location when dragging stops with the boolean <code>revert</code> option.
 </p>
 
 </div><!-- End demo-description -->
diff --git a/demos/draggable/scroll.html b/demos/draggable/scroll.html
index 907e7e0ee..bf324ee17 100644
--- a/demos/draggable/scroll.html
+++ b/demos/draggable/scroll.html
@@ -40,7 +40,7 @@
 <div class="demo-description">
 
 <p>
-Automatically scroll the document when the draggable is moved beyond the viewport. Set the <strong>scroll</strong> option to true to enable auto-scrolling, and fine-tune when scrolling is triggered and its speed with the <strong>scrollSensitivity</strong> and <strong>scrollSpeed</strong> options.
+Automatically scroll the document when the draggable is moved beyond the viewport. Set the <code>scroll</code> option to true to enable auto-scrolling, and fine-tune when scrolling is triggered and its speed with the <code>scrollSensitivity</code> and <code>scrollSpeed</code> options.
 </p>
 
 </div><!-- End demo-description -->
diff --git a/demos/draggable/snap-to.html b/demos/draggable/snap-to.html
index 20b6a2309..db72cc37e 100644
--- a/demos/draggable/snap-to.html
+++ b/demos/draggable/snap-to.html
@@ -55,9 +55,9 @@
 
 <div class="demo-description">
 
-<p>Snap the draggable to the inner or outer boundaries of a DOM element.  Use the <strong>snap</strong>, <strong>snapMode</strong> (inner, outer, both), and <strong>snapTolerance</strong> (distance in pixels the draggable must be from the element when snapping is invoked) options. </p>
+<p>Snap the draggable to the inner or outer boundaries of a DOM element.  Use the <code>snap</code>, <code>snapMode</code> (inner, outer, both), and <code>snapTolerance</code> (distance in pixels the draggable must be from the element when snapping is invoked) options. </p>
 
-<p>Or snap the draggable to a grid.  Set the dimensions of grid cells (height and width in pixels) with the <strong>grid</strong> option.</p>
+<p>Or snap the draggable to a grid.  Set the dimensions of grid cells (height and width in pixels) with the <code>grid</code> option.</p>
 
 </div><!-- End demo-description -->
 
diff --git a/demos/draggable/visual-feedback.html b/demos/draggable/visual-feedback.html
index 88b538714..3a5ce0146 100644
--- a/demos/draggable/visual-feedback.html
+++ b/demos/draggable/visual-feedback.html
@@ -64,9 +64,9 @@
 
 <div class="demo-description">
 
-<p>Provide feedback to users as they drag an object in the form of a helper. The <strong>helper</strong> option accepts the values 'original' (the draggable object moves with the cursor), 'clone' (a duplicate of the draggable moves with the cursor), or a function that returns a DOM element (that element is shown near the cursor during drag). Control the helper's transparency with the <strong>opacity</strong> option.</p>
+<p>Provide feedback to users as they drag an object in the form of a helper. The <code>helper</code> option accepts the values 'original' (the draggable object moves with the cursor), 'clone' (a duplicate of the draggable moves with the cursor), or a function that returns a DOM element (that element is shown near the cursor during drag). Control the helper's transparency with the <code>opacity</code> option.</p>
 
-<p>To clarify which draggable is in play, bring the draggable in motion to front. Use the <strong>zindex</strong> option to set a higher z-index for the helper, if in play, or use the <strong>stack</strong> option to ensure that the last item dragged will appear on top of others in the same group on drag stop.</p>
+<p>To clarify which draggable is in play, bring the draggable in motion to front. Use the <code>zIndex</code> option to set a higher z-index for the helper, if in play, or use the <code>stack</code> option to ensure that the last item dragged will appear on top of others in the same group on drag stop.</p>
 
 </div><!-- End demo-description -->
 </body>
diff --git a/demos/droppable/accepted-elements.html b/demos/droppable/accepted-elements.html
index 12c1db067..c5e034944 100644
--- a/demos/droppable/accepted-elements.html
+++ b/demos/droppable/accepted-elements.html
@@ -48,7 +48,7 @@
 
 <div class="demo-description">
 
-<p>Specify using the <strong>accept</strong> option which element (or group of elements) is accepted by the target droppable.</p>
+<p>Specify using the <code>accept</code> option which element (or group of elements) is accepted by the target droppable.</p>
 
 </div><!-- End demo-description -->
 </body>
diff --git a/demos/droppable/propagation.html b/demos/droppable/propagation.html
index 8d725a264..b8808ba01 100644
--- a/demos/droppable/propagation.html
+++ b/demos/droppable/propagation.html
@@ -64,7 +64,7 @@
 
 <div class="demo-description">
 
-<p>When working with nested droppables &#8212; for example, you may have an editable directory structure displayed as a tree, with folder and document nodes &#8212; the <strong>greedy</strong> option set to true prevents event propagation when a draggable is dropped on a child node (droppable).</p>
+<p>When working with nested droppables &#8212; for example, you may have an editable directory structure displayed as a tree, with folder and document nodes &#8212; the <code>greedy</code> option set to true prevents event propagation when a draggable is dropped on a child node (droppable).</p>
 
 </div><!-- End demo-description -->
 </body>
diff --git a/demos/droppable/revert.html b/demos/droppable/revert.html
index 1a67a4e96..8550667dc 100644
--- a/demos/droppable/revert.html
+++ b/demos/droppable/revert.html
@@ -48,7 +48,7 @@
 
 <div class="demo-description">
 
-<p>Return the draggable (or it's helper) to its original location when dragging stops with the boolean <strong>revert</strong> option set on the <strong>draggable</strong>.</p>
+<p>Return the draggable (or it's helper) to its original location when dragging stops with the boolean <code>revert</code> option set on the draggable.</p>
 
 </div><!-- End demo-description -->
 </body>
diff --git a/demos/droppable/visual-feedback.html b/demos/droppable/visual-feedback.html
index a53c39eb1..31c8fb5c4 100644
--- a/demos/droppable/visual-feedback.html
+++ b/demos/droppable/visual-feedback.html
@@ -63,7 +63,7 @@
 
 <div class="demo-description">
 
-<p>Change the droppable's appearance on hover, or when the droppable is active (an acceptable draggable is dropped on it).  Use the <strong>hoverClass</strong> or <strong>activeClass</strong> options to specify respective classes.</p>
+<p>Change the droppable's appearance on hover, or when the droppable is active (an acceptable draggable is dropped on it).  Use the <code>hoverClass</code> or <code>activeClass</code> options to specify respective classes.</p>
 
 </div><!-- End demo-description -->
 </body>
diff --git a/demos/resizable/animate.html b/demos/resizable/animate.html
index 3b7bd25f3..0b9e9a0de 100644
--- a/demos/resizable/animate.html
+++ b/demos/resizable/animate.html
@@ -31,7 +31,7 @@
 
 <div class="demo-description">
 
-<p>Animate the resize action using the <strong>animate</strong> option (boolean). When this option is set to true, drag the outline to the desired location; the element animates to that size on drag stop.</p>
+<p>Animate the resize action using the <code>animate</code> option (boolean). When this option is set to true, drag the outline to the desired location; the element animates to that size on drag stop.</p>
 
 </div><!-- End demo-description -->
 </body>
diff --git a/demos/resizable/aspect-ratio.html b/demos/resizable/aspect-ratio.html
index 62324f46f..774222567 100644
--- a/demos/resizable/aspect-ratio.html
+++ b/demos/resizable/aspect-ratio.html
@@ -30,7 +30,7 @@
 
 <div class="demo-description">
 
-<p>Maintain the existing aspect ratio or set a new one to constrain the proportions on resize. Set the <strong>aspectRatio</strong> option to true, and optionally pass in a new ratio (i.e., 4/3)</p>
+<p>Maintain the existing aspect ratio or set a new one to constrain the proportions on resize. Set the <code>aspectRatio</code> option to true, and optionally pass in a new ratio (i.e., 4/3)</p>
 
 </div><!-- End demo-description -->
 </body>
diff --git a/demos/resizable/constrain-area.html b/demos/resizable/constrain-area.html
index 7483e2219..9fc165ad0 100644
--- a/demos/resizable/constrain-area.html
+++ b/demos/resizable/constrain-area.html
@@ -35,7 +35,7 @@
 
 <div class="demo-description">
 
-<p>Define the boundaries of the resizable area. Use the <strong>containment</strong> option to specify a parent DOM element or a jQuery selector, like 'document.'</p>
+<p>Define the boundaries of the resizable area. Use the <code>containment</code> option to specify a parent DOM element or a jQuery selector, like 'document.'</p>
 
 </div><!-- End demo-description -->
 </body>
diff --git a/demos/resizable/delay-start.html b/demos/resizable/delay-start.html
index 2133c8e91..38f7cb6a7 100644
--- a/demos/resizable/delay-start.html
+++ b/demos/resizable/delay-start.html
@@ -42,7 +42,7 @@
 
 <div class="demo-description">
 
-<p>Delay the start of resizng for a number of milliseconds with the <strong>delay</strong> option; prevent resizing until the cursor is held down and dragged a specifed number of pixels with the <strong>distance</strong> option.</p>
+<p>Delay the start of resizng for a number of milliseconds with the <code>delay</code> option; prevent resizing until the cursor is held down and dragged a specifed number of pixels with the <code>distance</code> option.</p>
 
 </div><!-- End demo-description -->
 </body>
diff --git a/demos/resizable/max-min.html b/demos/resizable/max-min.html
index 8df70bc3d..ff3fc63d7 100644
--- a/demos/resizable/max-min.html
+++ b/demos/resizable/max-min.html
@@ -33,7 +33,7 @@
 
 <div class="demo-description">
 
-<p>Limit the resizable element to a maximum or minimum height or width using the <strong>maxHeight</strong>, <strong>maxWidth</strong>, <strong>minHeight</strong>, and <strong>minWidth</strong> options.</p>
+<p>Limit the resizable element to a maximum or minimum height or width using the <code>maxHeight</code>, <code>maxWidth</code>, <code>minHeight</code>, and <code>minWidth</code> options.</p>
 
 </div><!-- End demo-description -->
 </body>
diff --git a/demos/resizable/snap-to-grid.html b/demos/resizable/snap-to-grid.html
index ad8d66215..9365ade2e 100644
--- a/demos/resizable/snap-to-grid.html
+++ b/demos/resizable/snap-to-grid.html
@@ -30,7 +30,7 @@
 
 <div class="demo-description">
 
-<p>Snap the resizable element to a grid.  Set the dimensions of grid cells (height and width in pixels) with the <strong>grid</strong> option.</p>
+<p>Snap the resizable element to a grid.  Set the dimensions of grid cells (height and width in pixels) with the <code>grid</code> option.</p>
 
 </div><!-- End demo-description -->
 </body>
diff --git a/demos/resizable/synchronous-resize.html b/demos/resizable/synchronous-resize.html
index a2d79afd8..e72cff954 100644
--- a/demos/resizable/synchronous-resize.html
+++ b/demos/resizable/synchronous-resize.html
@@ -37,7 +37,7 @@
 
 <div class="demo-description">
 
-<p>Resize multiple elements simultaneously by clicking and dragging the sides of one.  Pass a shared selector into the <strong>alsoResize</strong> option.</p>
+<p>Resize multiple elements simultaneously by clicking and dragging the sides of one.  Pass a shared selector into the <code>alsoResize</code> option.</p>
 
 </div><!-- End demo-description -->
 </body>
diff --git a/demos/resizable/visual-feedback.html b/demos/resizable/visual-feedback.html
index fa53a2e56..11692c39c 100644
--- a/demos/resizable/visual-feedback.html
+++ b/demos/resizable/visual-feedback.html
@@ -31,7 +31,7 @@
 
 <div class="demo-description">
 
-<p>Instead of showing the actual element during resize, set the <strong>ghost</strong> option to true to show a semi-transparent part of the element.</p>
+<p>Instead of showing the actual element during resize, set the <code>ghost</code> option to true to show a semi-transparent part of the element.</p>
 
 </div><!-- End demo-description -->
 </body>
diff --git a/demos/selectable/serialize.html b/demos/selectable/serialize.html
index ebddf8f67..503ff7579 100644
--- a/demos/selectable/serialize.html
+++ b/demos/selectable/serialize.html
@@ -49,7 +49,7 @@ You've selected: <span id="select-result">none</span>.
 
 <div class="demo-description">
 
-<p>Write a function that fires on the <strong>stop</strong> event to collect the index values of selected items.  Present values as feedback, or pass as a data string.</p>
+<p>Write a function that fires on the <code>stop</code> event to collect the index values of selected items.  Present values as feedback, or pass as a data string.</p>
 
 </div><!-- End demo-description -->
 </body>
diff --git a/demos/slider/range-vertical.html b/demos/slider/range-vertical.html
index 37f5c601e..d43abcd37 100644
--- a/demos/slider/range-vertical.html
+++ b/demos/slider/range-vertical.html
@@ -39,7 +39,7 @@
 
 <div class="demo-description">
 
-<p>Change the orientation of the range slider to vertical.  Assign a height value via <strong>.height()</strong> or by setting the height through CSS, and set the <strong>orientation</strong> option to "vertical."</p>
+<p>Change the orientation of the range slider to vertical.  Assign a height value via <code>.height()</code> or by setting the height through CSS, and set the <code>orientation</code> option to "vertical."</p>
 
 </div><!-- End demo-description -->
 
diff --git a/demos/slider/range.html b/demos/slider/range.html
index dfb1aa1a7..ec7a4efba 100644
--- a/demos/slider/range.html
+++ b/demos/slider/range.html
@@ -40,7 +40,7 @@
 
 <div class="demo-description">
 
-<p>Set the <strong>range</strong> option to true to capture a range of values with two drag handles.  The space between the handles is filled with a different background color to indicate those values are selected.</p>
+<p>Set the <code>range</code> option to true to capture a range of values with two drag handles.  The space between the handles is filled with a different background color to indicate those values are selected.</p>
 
 </div><!-- End demo-description -->
 
diff --git a/demos/slider/rangemax.html b/demos/slider/rangemax.html
index a1c9c1ae5..682ac6341 100644
--- a/demos/slider/rangemax.html
+++ b/demos/slider/rangemax.html
@@ -39,7 +39,7 @@
 
 <div class="demo-description">
 
-<p>Fix the maximum value of the range slider so that the user can only select a minimum.  Set the <strong>range</strong> option to "max."</p>
+<p>Fix the maximum value of the range slider so that the user can only select a minimum.  Set the <code>range</code> option to "max."</p>
 
 </div><!-- End demo-description -->
 
diff --git a/demos/slider/rangemin.html b/demos/slider/rangemin.html
index 29308894f..f8388a148 100644
--- a/demos/slider/rangemin.html
+++ b/demos/slider/rangemin.html
@@ -40,7 +40,7 @@
 
 <div class="demo-description">
 
-<p>Fix the minimum value of the range slider so that the user can only select a maximum.  Set the <strong>range</strong> option to "min."</p>
+<p>Fix the minimum value of the range slider so that the user can only select a maximum.  Set the <code>range</code> option to "min."</p>
 
 </div><!-- End demo-description -->
 
diff --git a/demos/slider/slider-vertical.html b/demos/slider/slider-vertical.html
index 1cc7fbcfd..e02736fa3 100644
--- a/demos/slider/slider-vertical.html
+++ b/demos/slider/slider-vertical.html
@@ -41,7 +41,7 @@
 
 <div class="demo-description">
 
-<p>Change the orientation of the slider to vertical.  Assign a height value via <strong>.height()</strong> or by setting the height through CSS, and set the <strong>orientation</strong> option to "vertical."</p>
+<p>Change the orientation of the slider to vertical.  Assign a height value via <code>.height()</code> or by setting the height through CSS, and set the <code>orientation</code> option to "vertical."</p>
 
 </div><!-- End demo-description -->
 
diff --git a/demos/slider/steps.html b/demos/slider/steps.html
index 3177cd75b..68b366784 100644
--- a/demos/slider/steps.html
+++ b/demos/slider/steps.html
@@ -40,7 +40,7 @@
 
 <div class="demo-description">
 
-<p>Increment slider values with the <strong>step</strong> option set to an integer, commonly a dividend of the slider's maximum value.  The default increment is 1.</p>
+<p>Increment slider values with the <code>step</code> option set to an integer, commonly a dividend of the slider's maximum value.  The default increment is 1.</p>
 
 </div><!-- End demo-description -->
 
diff --git a/demos/sortable/default.html b/demos/sortable/default.html
index 1908967e7..3c32a765c 100644
--- a/demos/sortable/default.html
+++ b/demos/sortable/default.html
@@ -38,7 +38,7 @@
 <p>
 	Enable a group of DOM elements to be sortable. Click on and drag an
 	element to a new spot within the list, and the other items will adjust to
-	fit. By default, sortable items share <strong>draggable</strong> properties.
+	fit. By default, sortable items share <code>draggable</code> properties.
 </p>
 
 </div><!-- End demo-description -->
diff --git a/demos/tabs/collapsible.html b/demos/tabs/collapsible.html
index ba1b2b412..4c2646d15 100644
--- a/demos/tabs/collapsible.html
+++ b/demos/tabs/collapsible.html
@@ -43,7 +43,7 @@
 
 <div class="demo-description">
 
-<p>Click the selected tab to toggle its content closed/open.  To enable this functionality, set the <strong>deselectable</strong> option to true.</p>
+<p>Click the selected tab to toggle its content closed/open.  To enable this functionality, set the <code>deselectable</code> option to true.</p>
 
 <pre><code>deselectable: true
 </code></pre>
diff --git a/demos/tabs/mouseover.html b/demos/tabs/mouseover.html
index 3686cf7f1..0fab363e5 100644
--- a/demos/tabs/mouseover.html
+++ b/demos/tabs/mouseover.html
@@ -41,7 +41,7 @@
 
 <div class="demo-description">
 
-<p>Toggle sections open/closed on mouseover with the <strong>event</strong> option. The default value for event is "click."</p>
+<p>Toggle sections open/closed on mouseover with the <code>event</code> option. The default value for event is "click."</p>
 
 <pre><code>event: 'mouseover'
 </code></pre>