Alinhe vários gráficos lado a lado

Question

Gostaria de alinhar todos esses gráficos um ao lado do outro para que fiquem lado a lado. Como isso pode ser feito? Eu também não consigo entender por que eles são tortos.

\documentclass{article}
\usepackage{tikz}
\begin{document}
\usetikzlibrary{positioning}
\tikzset{main node/.style={circle,fill=black,draw,minimum size=.1cm,inner sep=0pt},}
    \begin{center}
        \begin{tikzpicture}
            \node[main node] (1) {};
            \node[main node] (2) [below = .5cm of 1] {};
            \node[main node] (3) [below right = .5cm and .5cm of 1] {};
            \node[main node] (4) [right = .5cm of 1] {};
        \end{tikzpicture}
        
        \begin{tikzpicture}
            \node[main node] (1) {};
            \node[main node] (2) [below = .5cm of 1] {};
            \node[main node] (3) [below right = .5cm and .5cm of 1] {};
            \node[main node] (4) [right = .5cm of 1] {};
            
            \path[draw,thick]
            (1) edge node {} (2);
        \end{tikzpicture}
        
        \begin{tikzpicture}
            \node[main node] (1) {};
            \node[main node] (2) [below = .5cm of 1] {};
            \node[main node] (3) [below right = .5cm and .5cm of 1] {};
            \node[main node] (4) [right = .5cm of 1] {};
            
            \path[draw,thick]
            (1) edge node {} (2)
            (1) edge node {} (4)
            (1) edge node {} (3);
        \end{tikzpicture}
        
        \begin{tikzpicture}
            \node[main node] (1) {};
            \node[main node] (2) [below = .5cm of 1] {};
            \node[main node] (3) [below right = .5cm and .5cm of 1] {};
            \node[main node] (4) [right = .5cm of 1] {};
            
            \path[draw,thick]
            (3) edge node {} (4)
            (2) edge node {} (3);
        \end{tikzpicture}
        
        \begin{tikzpicture}
            \node[main node] (1) {};
            \node[main node] (2) [below = .5cm of 1] {};
            \node[main node] (3) [below right = .5cm and .5cm of 1] {};
            \node[main node] (4) [right = .5cm of 1] {};
            
            \path[draw,thick]
            (1) edge node {} (2)
            (2) edge node {} (3)
            (3) edge node {} (4)
            (4) edge node {} (1);
        \end{tikzpicture}
        
        \begin{tikzpicture}
            \node[main node] (1) {};
            \node[main node] (2) [below = .5cm of 1] {};
            \node[main node] (3) [below right = .5cm and .5cm of 1] {};
            \node[main node] (4) [right = .5cm of 1] {};
            
            \path[draw,thick]
            (1) edge node {} (2)
            (2) edge node {} (3)
            (3) edge node {} (4);
        \end{tikzpicture}
    \end{center}
\end{document}

Answer 1

Como @SalimBou disse no comentário, você deve remover as linhas vazias entre as fotos. Uma linha vazia significa novo parágrafo.

Quanto à distorção ou distorção da imagem, isso vem da maneira como você posiciona os nós. Você tem primeiro um nó 1 e desenha o segundo (2) abaixo dele e o quarto (4) à direita. Isso significa que você tem 0,5 cm de borda a borda dos nós. O terceiro (3) é desenhado (0,5 cm, -0,5 cm), ou seja, 0.5*sqrt(2)=0.7071na direção -45 graus. Uma vez que desenha de borda a borda dos nós, isso não é o mesmo de antes. Ver

\begin{tikzpicture}
  \node[main node] (1) {};
  \node[main node] (2) [below = .5cm of 1] {};
  \node[main node] (3) [below right = .5cm and .5cm of 1] {};
  \node[main node] (4) [right = .5cm of 1] {};
  \draw[|-|,red] (1.0) -- +(0.5cm,0cm);
  \draw[|-|,blue] (1.-45) -- +(0.5cm,-0.5cm);
  \draw[->,green,dashed] (1.-45) -- +(-45:0.7071cm);
\end{tikzpicture}
 

O que eu faria é desenhar os dois nós à esquerda e depois os dois à direita posicionados a partir deles,

\begin{tikzpicture}
  \node[main node] (1) {};
  \node[main node] (2) [below = .5cm of 1] {};
  \node[main node] (3) [right =.5cm of 2] {};
  \node[main node] (4) [right = .5cm of 1] {};
\end{tikzpicture}