Usually, multiple layers make layers look redundant.
So we're adjusting the value of "y" to make it not redundant.
However, if the sub_text layer increases, adjust it continuously. If the html text increases, modify the layery value continuously.
Regardless of the number and height of sub_text layers, can't you automatically make layers in block form?
Div tag in html seems to be the best example.
Thank you in advance.
Code
<layer name="sub_container" keep="true" type="container" width="100%" height="500" y="50" bgcolor="0xffffff" bgalpha="0.51">
<layer name="sub_container_box01" style="sub_style">
<layer name="sub_text01" style="sub_text_style" y="0" html="layer01"/>
<layer name="sub_text02" style="sub_text_style" y="30" html="layer0222"/>
<layer name="sub_text03" style="sub_text_style" y="60" html="layer033333333"/>
<layer name="sub_text04" style="sub_text_style" y="90" html="layer04444444444444"/>
</layer>
</layer>
Code
<style name="sub_text_style" keep="true" type="text" width="200" height="auto" bgcolor="0xe84118" bgalpha="0.5" align="top" css="font-size:20px; color:#fffffff; line-height:20px;"/>
<style name="sub_style" keep="true" type="container" width="200" height="500" bgcolor="0x273c75" bgalpha="0.5" align="right" x="600"/>