html - html および css での子ノードと親ノードのプレゼンテーション

Question

サーバー側の言語でiterateいくつかのobjects/ テキスト ノードまたはオプションを記述し、html を構成します。

各ノードにはchildまたはparentノード、およびチェックボックスやラジオ ボタンなどのいくつかのオプションがあります。

今私が直面している問題は、それらのノードの親子関係をどのように表示するかです。

各子が親ノードの右側に少し配置されないようにしたい。

問題は、子ノードの親を認識させ、ノードを親の左側の境界線の少し右側に移動させることhtml / css です。子親の水平方向の移動にもかかわらず、チェックボックスを1つの垂直線の順序のままにしたい.from

orを使用することをお勧めしtables TDsますが、問題は. 戦略の立て方。ULOL LI

例

text                    check box     check box     check box
text                    check box     check box     check box
text                    check box     check box     check box
  child text            check box     check box     check box
  child text            check box     check box     check box
    child text          check box     check box     check box
    child text          check box     check box     check box
      child text        check box     check box     check box
  child text            check box     check box     check box
text                    check box     check box     check box
text                    check box     check box     check box
  child text            check box     check box     check box