Implement `direction` property (#906)
1<test name="align_baseline_child_padding__content_box_ltr" use-rounding="true">
2 <viewport width="max-content" height="max-content"/>
3 <input>
4 <div box-sizing="content-box" direction="ltr" align-items="baseline" width="100px" height="100px" padding-top="5px" padding-left="5px" padding-bottom="5px" padding-right="5px">
5 <div box-sizing="content-box" direction="ltr" width="50px" height="50px"/>
6 <div box-sizing="content-box" direction="ltr" flex-direction="column" width="50px" height="20px" padding-top="5px" padding-left="5px" padding-bottom="5px" padding-right="5px">
7 <div box-sizing="content-box" direction="ltr" width="50px" height="10px"/>
8 </div>
9 </div>
10 </input>
11 <expectations>
12 <node x="0" y="0" width="110" height="110">
13 <node x="5" y="5" width="40" height="50"/>
14 <node x="45" y="40" width="60" height="30">
15 <node x="5" y="5" width="50" height="10"/>
16 </node>
17 </node>
18 </expectations>
19</test>