title: Mermaid change position of nodes / options Anyway to fix nodes' position
body: <p>I'm trying to draw a flow chart in html.</p>
  <p>The flow must be configured as below.</p>
  <p><a href="https://i.stack.imgur.com/8qoco.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8qoco.png" alt="enter image description here" /></a></p>
  <p>I've tried it in Mermaid like this</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/9.0.1/mermaid.min.js"&gt;&lt;/script&gt;
  
  &lt;div class="mermaid"&gt;
    graph LR
  
    A--&gt;B
    B--&gt;C
    C--&gt;B
  
    C--&gt;D
    D--&gt;C
  
    D--&gt;E
    E--&gt;D
  
  
    E--&gt;F
    F--&gt;E
  
    F--&gt;G
  
    G--&gt;E
    C--&gt;E
  
    H
  
    A--&gt;H
    H--&gt;E;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Please I want to fix the position from A to G horizontality</p>
  <p>I've tried to use CSS position, never worked.
  Also tried to animate it through jquery, never worked.</p>
  <p>Please let me know any way to fix these nodes or else great library for it.</p>
  <p>Thanks.</p>