--- a/master/text.html Tue Feb 11 07:41:59 2014 +1100
+++ b/master/text.html Tue Feb 11 07:57:01 2014 +1100
@@ -1818,46 +1818,49 @@
There are three possible ways to define a <a>content area</a> using the
<a>'text'</a> element attributes <a>'text/width'</a> and
<a>'text/height'</a>:
- <dl>
-
- <dt><a>'text/width'</a> only</dt>
- <dd>
- For horizontal text, specifies a width for a
- "rectangular" <a>content area</a> of infinite height.
-
- For left-to-right text, the initial <a>current text
- position</a> is at the left of the rectangle. For
- right-to-left text it is at the right of the rectangle.
-
- For vertical text, it is ignored.
- </dd>
-
- <dt><a>'text/height'</a> only</dt>
- <dd>
- For vertical text specifies, a height for a
- "rectangular" <a>content area</a> of infinite width. The
- initial <a>current text position</a> is at the top of the
- rectangle.
-
- For horizontal text, it is ignored.
- </dd>
-
- <dt><a>'text/height'</a> and <a>'text/width'</a></dt>
- <dd>
- For both horizontal and vertical text, specifies a height and
- with for a "rectangular" <a>content area</a>.
-
- <p class="issue">
- This is really, really ugly due to the normal positioning of
- the initial current text position. We could avoid the issue
- of shifting x and y (e.g. using baseline='text-before-edge')
- by not allowing this option. It is trivial to define a
- rectangluar box content area using
- shape-inside="rectangle(x,y,width,height)" as shown in
- the example in the <a>'shape-inside'</a> section.
- </p>
- </dd>
- </dl>
+ </p>
+
+ <dl>
+ <dt><a>'text/width'</a> only</dt>
+ <dd>
+ For horizontal text, specifies a width for a
+ "rectangular" <a>content area</a> of infinite height.
+
+ For left-to-right text, the initial <a>current text
+ position</a> is at the left of the rectangle. For
+ right-to-left text it is at the right of the rectangle.
+
+ For vertical text, it is ignored.
+ </dd>
+
+ <dt><a>'text/height'</a> only</dt>
+ <dd>
+ For vertical text specifies, a height for a
+ "rectangular" <a>content area</a> of infinite width. The
+ initial <a>current text position</a> is at the top of the
+ rectangle.
+
+ For horizontal text, it is ignored.
+ </dd>
+
+ <dt><a>'text/height'</a> and <a>'text/width'</a></dt>
+ <dd>
+ For both horizontal and vertical text, specifies a height and
+ with for a "rectangular" <a>content area</a>.
+
+ <p class="issue">
+ This is really, really ugly due to the normal positioning of
+ the initial current text position. We could avoid the issue
+ of shifting x and y (e.g. using baseline='text-before-edge')
+ by not allowing this option. It is trivial to define a
+ rectangluar box content area using
+ shape-inside="rectangle(x,y,width,height)" as shown in
+ the example in the <a>'shape-inside'</a> section.
+ </p>
+ </dd>
+ </dl>
+
+ <p>
In all cases, the initial <a>current text position</a> is taken
from the <a>'text/x'</a> and <a>'text/y'</a> attributes of
the <a>'text'</a> element.
@@ -2060,19 +2063,21 @@
</div>
<div class="issue">
- <p>
- Shapes also defines 'inset-rectangle'. It might be
- interesting to be able to write:
-
- <pre><![CDATA[
- <rect ...>
- <text shape-inside="inset-rectangle(20px,10px,20px,10px)">...</text>
- </rect>
- ]]></pre>
-
- where the insets are based on the rectangle geometry (or
- the bounding-box before any transformation).
- </p>
+ <p>
+ Shapes also defines 'inset-rectangle'. It might be
+ interesting to be able to write:
+ </p>
+
+ <pre><![CDATA[
+<rect ...>
+ <text shape-inside="inset-rectangle(20px,10px,20px,10px)">...</text>
+</rect>
+]]></pre>
+
+ <p>
+ where the insets are based on the rectangle geometry (or
+ the bounding-box before any transformation).
+ </p>
</div>
</dd>