[Tex/LaTex] How to justify the text in tikz node

horizontal alignmenttikz-node

The text in the node in left-aligned. How can I make it justified?

\documentclass[20pt]{extarticle}
\usepackage[utf8]{inputenc}
\usepackage{geometry}
\geometry{paperheight=50cm,paperwidth=50cm,margin=3mm}
\usepackage{tikz, pgfornament, tikzrput}
\usetikzlibrary{shapes,positioning,decorations.markings}
\usepackage{bookman}
\PassOptionsToPackage{dvipsnames,svgnames}{xcolor} 
\usepackage{pdfrender}
\usepackage{pdfpages}
\makeatletter
\DeclareRobustCommand{\regmark}{\raisebox{1.13ex}{%
\fontsize{.4\dimexpr\f@size pt}\z@\selectfont\textregistered}%
 }
 \makeatother
\begin{document}
\centering
{
\begin{tikzpicture}
\begin{scope}[color=black,
                every node/.style={inner sep=0pt}]
\node[minimum size=12cm](vecbox){}; 
 \node[anchor=north west, yshift=10cm, xshift=-18.2cm] at (vecbox.north west)
  {\pgfornament[width=5cm]{61}};
  \node[anchor=north east, yshift=10cm, xshift=18.5cm] at (vecbox.north east)
  {\pgfornament[width=5cm,symmetry=v]{61}};
  \node[anchor=south west, yshift=-27cm, xshift=-18.2cm] at (vecbox.south west)
  {\pgfornament[width=5cm, symmetry=h]{61}};
  \node[anchor=south east, yshift=-27cm, xshift=18.5cm] at (vecbox.south east)
  {\pgfornament[width=5cm,symmetry=c]{61}};
  \end{scope}
  \node (example-textwidth-2) [text width=42cm, font=\fontsize{40pt}{40pt}  \selectfont] at (0.4,-7) {%
  {\textbf{INGREDIENTS:} WATER, SODIUM LAURETH SULFATE, SODIUM LAURYL SULFATE, COCAMIDOPROPYL BETANE, SODIUM CHLORIDE, DECYL GLUCOSIDE, FRAGRANCE, DMDM HYDANTION, PEG-120 METHYLGLUCOSE DIOLEATE, COCAMIDE MEA, POLYQUARTERNIUM-7 TETRASODIUM EDTA, PEG-7 GLYCERYL COCATE, CITRIC ACID, DC RED NO.33, FDC BLUE}
 };
 \draw [line width=3mm,   black] (-14,-14) -- (14,-14) node [right] {};
 \draw [line width=3mm,   black] (-14,0) -- (14,0) node [right] {};
 \begin{scope}
  \newcommand{\CloudDist}{1.8}
   \tikzstyle {cloudkeys} = [cloud puffs=15, cloud puff arc=150, aspect=4, inner sep=.01cm] 
   \tikzstyle {mycloud}   = [draw, cloud, cloudkeys, fill=white, opaque, xshift=0cm, yshift=10cm] 
    \coordinate (cloud 0);
    \foreach \x in {0} {
   \node [mycloud, scale=1] at (cloud \x) (local map cloud shape \x){\textcolor{black}{\Huge\textbf{The Miracle}}};
    }
   \end{scope}
   \end{tikzpicture}
    }
    \end{document}

Best Answer

I'll be happy to remove this. In addition to align=justify you may want to remove the spaces in font=\fontsize{40pt}{40pt} \selectfont and replace \tikzstyle by the corresponding \tikzset construction.

\documentclass[20pt]{extarticle}
\usepackage[utf8]{inputenc}
\usepackage{geometry}
\geometry{paperheight=50cm,paperwidth=50cm,margin=3mm}
\usepackage{tikz, pgfornament, tikzrput}
\usetikzlibrary{shapes,positioning,decorations.markings}
\usepackage{bookman}
\PassOptionsToPackage{dvipsnames,svgnames}{xcolor} 
\usepackage{pdfrender}
\usepackage{pdfpages}
\makeatletter
\DeclareRobustCommand{\regmark}{\raisebox{1.13ex}{%
\fontsize{.4\dimexpr\f@size pt}\z@\selectfont\textregistered}%
 }
 \makeatother
\begin{document}
\centering
{
\begin{tikzpicture}
\begin{scope}[color=black,
                every node/.style={inner sep=0pt}]
\node[minimum size=12cm](vecbox){}; 
 \node[anchor=north west, yshift=10cm, xshift=-18.2cm] at (vecbox.north west)
  {\pgfornament[width=5cm]{61}};
  \node[anchor=north east, yshift=10cm, xshift=18.5cm] at (vecbox.north east)
  {\pgfornament[width=5cm,symmetry=v]{61}};
  \node[anchor=south west, yshift=-27cm, xshift=-18.2cm] at (vecbox.south west)
  {\pgfornament[width=5cm, symmetry=h]{61}};
  \node[anchor=south east, yshift=-27cm, xshift=18.5cm] at (vecbox.south east)
  {\pgfornament[width=5cm,symmetry=c]{61}};
  \end{scope}
  \node (example-textwidth-2) [text width=42cm, font=\fontsize{40pt}{40pt}\selectfont,
  align=justify] at (0.4,-7) {%
  \textbf{INGREDIENTS:} WATER, SODIUM LAURETH SULFATE, SODIUM LAURYL SULFATE, COCAMIDOPROPYL BETANE, SODIUM CHLORIDE, DECYL GLUCOSIDE, FRAGRANCE, DMDM HYDANTION, PEG-120 METHYLGLUCOSE DIOLEATE, COCAMIDE MEA, POLYQUARTERNIUM-7 TETRASODIUM EDTA, PEG-7 GLYCERYL COCATE, CITRIC ACID, DC RED NO.33, FDC BLUE
 };
 \draw [line width=3mm,   black] (-14,-14) -- (14,-14) node [right] {};
 \draw [line width=3mm,   black] (-14,0) -- (14,0) node [right] {};
 \begin{scope}
  \newcommand{\CloudDist}{1.8}
   \tikzset{cloudkeys/.style={cloud puffs=15, cloud puff arc=150, aspect=4,
   inner sep=.01cm},
   mycloud/.style={draw, cloud, cloudkeys, fill=white, opaque, xshift=0cm,
   yshift=10cm}}
    \coordinate (cloud 0);
    \foreach \x in {0} {
   \node [mycloud, scale=1] at (cloud \x) (local map cloud shape \x){\textcolor{black}{\Huge\textbf{The Miracle}}};
    }
 \end{scope}
\end{tikzpicture}
}
\end{document}

Related Solutions

[Tex/LaTex] Beamer: how to justify the whole text

To patch "normal" frames, the solution can be found text justify in beamer

Itemize has also already a solution on this side: Justify text inside itemize environment with beamer class

But I could not find one to automatically justify the contents of columns. So I tried a bit, failed in the attempt to patch \begin{column}..., but with \column it works as following:

\documentclass[8pt,handout,t]{beamer}
\usepackage{pifont} %used inside itemize environment \item[\ding{226}]
\usepackage{lipsum}


\usepackage{ragged2e}
\usepackage{etoolbox}
\apptocmd{\frame}{}{\justifying}{}

\apptocmd{\column}{}{\justifying}{}

\makeatletter
\renewcommand{\itemize}[1][]{%
    \beamer@ifempty{#1}{}{\def\beamer@defaultospec{#1}}%
    \ifnum \@itemdepth >2\relax\@toodeep\else
    \advance\@itemdepth\@ne
    \beamer@computepref\@itemdepth% sets \beameritemnestingprefix
    \usebeamerfont{itemize/enumerate \beameritemnestingprefix body}%
    \usebeamercolor[fg]{itemize/enumerate \beameritemnestingprefix body}%
    \usebeamertemplate{itemize/enumerate \beameritemnestingprefix body begin}%
    \list
    {\usebeamertemplate{itemize \beameritemnestingprefix item}}
    {\def\makelabel##1{%
            {%
                \hss\llap{{%
                        \usebeamerfont*{itemize \beameritemnestingprefix item}%
                        \usebeamercolor[fg]{itemize \beameritemnestingprefix item}##1}}%
            }%
        }%
    }
    \fi%
    \beamer@cramped%
    \justifying% NEW
    %\raggedright% ORIGINAL
    \beamer@firstlineitemizeunskip%
}

\renewcommand<>\beamer@columncom[2][\beamer@colmode]{%
    \beamer@colclose%
    \def\beamer@colclose{\end{minipage}\hfill\end{actionenv}\ignorespaces}%
\begin{actionenv}#3%
    \setkeys{beamer@col}{#1}%
    \begin{minipage}[\beamer@colalign]{#2}%
        \leavevmode%
        %\raggedright
            \justifying% NEW
        \beamer@colheadskip\ignorespaces}

\makeatother



\begin{document}

\begin{frame}
\begin{columns}[T]

\begin{column}{0.3\textwidth}
\includegraphics[width=\columnwidth]{example-image-1x1}
\end{column}
\begin{column}{0.65\textwidth}
\begin{itemize}
\item[\ding{226}] \lipsum[2]
\item[\ding{226}] \lipsum[3]
\end{itemize}
\end{column}

\end{columns}
\end{frame}

\begin{frame}
 \lipsum[3]
 \begin{itemize}
   \item[\ding{226}] \lipsum[4]
 \end{itemize}
\end{frame}
\begin{frame}
  \begin{columns}[t]
\column{0.4\textwidth}{
\lipsum[3]
}
\column{0.4\textwidth}{
\lipsum[5]
}
\end{columns}
\end{frame}
\end{document}

[Tex/LaTex] Text position of a TikZ \node

I'm not sure I've understood correctly, but do you want something like this?

\documentclass[border=10pt,multi,tikz]{standalone}
\usetikzlibrary{arrows.meta}
\begin{document}
\begin{tikzpicture}
  \node (circle) [draw, circle, minimum size = 20mm, label=above:$I$] at (0, 0) {};
  \draw (circle.center) [{Rays[]}-|] -- (circle.east) node[below, midway] {$r$};
  \draw (circle.east)                -- (2, 0) node[below, midway] {$r$};
  \draw (2, 0) [|-{Circle[]}]        -- (3, 0) node[below, midway] {$r$} node[above] {P};
\end{tikzpicture}
\end{document}

Remember that a node is not the same as a path, so you cannot label it in the same way.

In effect, your original code places two nodes at the origin: first the circular one; then the $I$ . This works because \node is equivalent to \path node. So you have \path node ... node ...; Hence, the second node is placed above the path, which consists of the point (0,0).

EDIT

Addressing the clarified question, just put the node above the line's starting point. For example,

\documentclass[border=10pt,multi,tikz]{standalone}
\usetikzlibrary{arrows.meta}
\begin{document}
\begin{tikzpicture}
  \node (circle) [draw, circle, minimum size = 20mm] at (0, 0) {};
  \draw (circle.center) [{Rays[]}-|] node [above] {$I$} -- (circle.east) node[below, midway] {$r$};
  \draw (circle.east)                -- (2, 0) node[below, midway] {$r$};
  \draw (2, 0) [|-{Circle[]}]        -- (3, 0) node[below, midway] {$r$} node[above] {P};
\end{tikzpicture}
\end{document}

There are other ways to do this, but this seems as straightforward to me as any.

Best Answer

Related Solutions

[Tex/LaTex] Beamer: how to justify the whole text

[Tex/LaTex] Text position of a TikZ \node

EDIT

Related Question