需要帮助打印2个分形树

Question

昨天，我已经请求帮助打印出一棵Fractal树。这个问题得到了解答，但现在我正在尝试在我的代码中再实施一条规则。在我的代码中实现它时，它是打印树，但不是在正确的坐标。这是我之前question的链接。我想将两棵树并排打印而不是彼此叠加。所以我的问题是如何实现这一目标？感谢您的帮助。

这是新代码：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<main>
  <form id='register'>
    <fieldset id="bg">
      <legend>
        <h3>
          Register
        </h3>
      </legend>
      <label class="icon name"><i class="fa fa-user"></i>
            <input type="text" id="fullName" name="fullName" placeholder="Full Name"></label>
      <fieldset class='line'>
        <label class="icon email"><i class="fa fa-envelope"></i>
        <input type="email" id="email" placeholder="Email"></label>

        <label class="icon user"><i class="fa fa-user"></i>
                <input type="text" id="userName" name="userName" placeholder="Username"></label>
      </fieldset>
      <fieldset class='line'>
        <label class='icon DOB'> <i class="fa fa-birthday-cake"></i>
                <input type="number" id="DOBmonth" name="DOBmonth" placeholder="Month" min='1' max='12'>
                <input type="number" id="DOBday" name="DOBday" placeholder="Day" min='1' max='31'>
                <input type="number" id="DOByear" name="DOByear" placeholder="Year" min='1900' max='2000'></label>

        <label class="icon country"><i class="fa fa-map-marker"></i>
                <input type="text" id="country" name='country' placeholder="Country"></label>
      </fieldset>

      <label class="icon pass"><i class="fa fa-key"></i>
                <input type="password" id="pass" placeholder="Password">

              
                <input type="password" id="confirm" placeholder="Confirm Password">
            </label>
    </fieldset>
    <label class='disclosure'>
    <input type="checkbox" id='accept' name="accept" value="accept"> Do you accept our terms &amp; conditions?
    <input type="submit"></label>
  </form>
</main>