<div style="width:784px"> （设版面宽度）

<div style="width:480px; float:left; margin-left:1em; font-size:15px; line-height:120%"> （左栏的设定）

<b><font size="+1">标题（字体稍大，加粗）</font></b><br>

<pre>
1. 炮二平五 马２进３ 2. 兵三进一 卒３进１ 3. 马二进三 炮８平６
4. 车一进一 象３进５ 5. 车一平七 炮２退２ 6. 马八进九 车９进１
7. 炮八平七 车９平４ 8. 兵七进一 卒３进１ 9. 炮七进五 炮６平３
10. 车七进三 车１进２ 11. 炮五进四 士４进５ 12. 车九平八 炮２平３
13. 车七平八 马８进７ 14. 炮五退一 卒１进１
</pre>
评注：用Pre标签的好处是可以把XQStudio生成的三栏式文本棋谱直接剪贴，省去加换行标记，调整空格的麻烦。

<pre>
15. 马三进四 车４进２ 16. 相七进五 车１进１ 17. 前车进五 后炮平４
18. 马九进七 炮３进２ 19. 后车进四 车４平６ 20. 后车平六 …………
</pre>
评注：

<pre>
20. ………… 马７进５ 21. 马七进六 …………
</pre>

评注：
<pre>
21. ………… 象５退３ 22. 炮五退一 车６进１ 23. 车八平七 车１平４
24. 马六进四 车４进２ 25. 前马进三 车６退３ 26. 马四进五 车６平７
27. 马五退六 炮３平５ 28. 马六进七
</pre>
</div>

<div style="width:256px; float:right; font-size:15px;"> (右栏的设定)
<javaxq>
<param value=……> （动态棋盘的代码）
</javaxq >
<p>
棋赛背景说明……
</p>
</div>

<div style="clear:both"><br></div>

</div>