Browse files

Added vertical-align to image demo

  • Loading branch information...
1 parent caefc7a commit a437c7a2fe8e40299cfa572eef55eb29c9e1dcb0 @odrobnik odrobnik committed Feb 6, 2012
Showing with 7 additions and 1 deletion.
  1. +7 −1 Demo/Resources/Image.html
View
8 Demo/Resources/Image.html
@@ -24,6 +24,12 @@
<li>cur</li>
<li>xbm</li>
</ul>
+<h2>Vertical Alignment</h2>
+<p>Limited support for the CSS vertical-align tag exists</p>
+<p style="font-size:20px">Baseline: <img style="vertical-align:baseline;" height=40 width=40 src="icon_smile.gif"></p>
+<p style="font-size:20px">text-top: <img style="vertical-align:text-top;" height=40 width=40 src="icon_smile.gif"></p>
+<p style="font-size:20px">text-bottom: <img style="vertical-align:text-bottom;" height=40 width=40 src="icon_smile.gif"></p>
+<p style="font-size:20px">middle: <img style="vertical-align:middle;" height=40 width=40 src="icon_smile.gif"></p>
<h2>Data Source</h2>
<p>Base64 encoded data SRC is supported, for example this red dot: <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
@@ -35,4 +41,4 @@
<h2>Remote Images</h2>
<p>Images can also be loaded from remote URLs, even without specifying a size in the HTML. The code demonstrates how to update the DTTextAttachment's display size after download and triggering a re-layout.</p>
-<img src="https://si0.twimg.com/profile_images/1401231905/Cocoanetics_Square_reasonably_small.jpg">
+<img src="https://si0.twimg.com/profile_images/1401231905/Cocoanetics_Square_reasonably_small.jpg">

0 comments on commit a437c7a

Please sign in to comment.