I've made a diagram in tikz, see below, and after some messing around I've been able to align all nodes properly. I say 'messing around' because I find the documentation impossible to navigate, so I've resorted to randomly trying out commands and syntax for this. A problem I'm unable to resolve though, is how to align the *edges* in the diagram:

![enter image description here](https://i.stack.imgur.com/OOAmv.png)

I would like the edges on the right to connect `$\overline{1}$` to `$\overline{H}$`, and `$\overline{H}$` to `$\overline{G}$`, with the expressions `$=H/N$` and `$=G/N$` sticking out to the side. Here is my code so far:

```
\documentclass{report}
\usepackage[dutch]{babel}
\usepackage{tikz}

\begin{document}
\begin{tikzpicture}
\node at (1.0,4.5)  []      (A1) {$G$};
\node at (2.5,4.5)  [right] (B1) {$\overline{G}=G/N$};
\node at (1.0,3.0)  []      (A2) {$H$};
\node at (2.5,3.0)  [right] (B2) {$\overline{H}=H/N$};
\node at (1.0,1.5)  []      (A3) {$N$};
\node at (2.5,1.5)  [right] (B3) {$\overline{1}$};
\node at (1.0,0.0)  []      (A4) {$1$};

\path[-stealth] (A1) edge node[above] {$\pi$} (B1)
                     edge[-] (A2)
                (A2) edge node[above] {} (B2)
                     edge[-] (A3)
                (A3) edge node[above] {} (B3)
                     edge[-] (A4)
                (B1) edge[-] (B2)
                (B2) edge[-] (B3);
\end{tikzpicture}
\end{document}

```