--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/ttml-ww-profiles/testsuite/multiRowAlign/multiRowAlign1.html Fri Mar 27 14:41:53 2015 +0000
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div {
+ display: block;
+ font: 6.7vh monospace, sans-serif;
+}
+.area1 {
+ position: absolute;
+ width: 90%;
+ height: 20%;
+ top: 70%;
+ left: 5%;
+ background-color: green;
+ text-align: center;
+ color: white;
+}
+.area2 {
+ position: absolute;
+ width: 90%;
+ height: 20%;
+ top: 10%;
+ left: 5%;
+ background-color: black;
+ text-align: center;
+ color: white;
+}
+p.startEnd
+{
+ text-align: left;
+}
+p.startEnd span
+{
+ display: inline-block;
+ text-align: right;
+}
+p.centerStart
+{
+ text-align: center;
+}
+p.centerStart span
+{
+ display: inline-block;
+ text-align: left;
+}
+</style>
+</head>
+<body>
+
+<div>
+ <p class="area1 startEnd"> <span>So rested he by the Tumtum tree<br/>And stood awhile in thought.</span>
+ </p>
+ <p class="area2 centerStart"> <span>He took his vorpal sword in hand;<br/>Long time the manxome foe he sought-</span>
+ </p>
+</div>
+
+</body>
+</html>
Binary file ttml-ww-profiles/testsuite/multiRowAlign/multiRowAlign1.png has changed
--- a/ttml-ww-profiles/testsuite/multiRowAlign/multiRowAlign1.ttml Fri Mar 27 14:38:52 2015 +0000
+++ b/ttml-ww-profiles/testsuite/multiRowAlign/multiRowAlign1.ttml Fri Mar 27 14:41:53 2015 +0000
@@ -9,17 +9,17 @@
<style xml:id="centerStart" tts:textAlign="center" ebutts:multiRowAlign="start"/>
</styling>
<layout>
- <region xml:id="area1" tts:origin="20% 70%" tts:extent="60% 20%" tts:backgroundColor="green" tts:displayAlign="center" tts:color="white"/>
- <region xml:id="area2" tts:origin="20% 10%" tts:extent="60% 20%" tts:backgroundColor="black" tts:displayAlign="center" tts:color="white"/>
+ <region xml:id="area1" tts:origin="5% 70%" tts:extent="90% 20%" tts:backgroundColor="green" tts:displayAlign="center" tts:color="white"/>
+ <region xml:id="area2" tts:origin="5% 10%" tts:extent="90% 20%" tts:backgroundColor="black" tts:displayAlign="center" tts:color="white"/>
</layout>
</head>
<body>
<div>
<p region="area1" style="startEnd" begin="1s" end="9s">
-Beware the Jabberwock, my son!<br/>The jaws that bite, the claws that catch!
+So rested he by the Tumtum tree<br/>And stood awhile in thought.
</p>
<p region="area2" style="centerStart" begin="1s" end="9s">
-Beware the Jubjub bird, and shun<br/>The frumious Bandersnatch!
+He took his vorpal sword in hand;<br/>Long time the manxome foe he sought-
</p>
</div>
</body>