Выровняйте несколько графиков рядом

Question

Я хотел бы выровнять все эти графики рядом друг с другом, чтобы они были рядом. Как это можно сделать? Я также не могу понять, почему они кривые.

\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

Как сказал @SalimBou в комментарии, yuo должен удалить пустые строки между картинками. Пустая строка означает новый абзац.

Что касается кривизны или перекоса изображения, это происходит из-за того, как вы размещаете узлы. У вас есть первый узел 1, и вы рисуете второй (2) под ним, а четвертый (4) справа. Это означает, что у вас есть 0,5 см от границы до границы узлов. Третий (3) рисуется (0,5 см, -0,5 см), то есть 0.5*sqrt(2)=0.7071в направлении -45 градусов. Поскольку он рисуется от границы до границы узлов, это не то же самое, что и раньше. Смотрите

\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}
 

Я бы нарисовал два левых узла, а затем два правых, расположенных от них,

\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}