Position two tcolorboxes next to each other on the same line and adjust the distance between them?

tcolorbox

I have the following situation, where I have produced two boxes with text inside using the package tcolorbox:

\documentclass[a4paper,12pt]{article}
\usepackage[english]{babel}
\usepackage[most]{tcolorbox}

\begin{document}

\begin{tcolorbox}[colback=black!8!white,colframe=black, width=3cm]
\centering Males
\end{tcolorbox}
\begin{tcolorbox}[colback=black!8!white,colframe=black, width=3cm]
\centering Females
\end{tcolorbox}

\end{document}

However, with this code both boxes appear in different lines, and I would like to have them on the same line and to be able to adjust the distance between them using \hspace*{}.

How can this be done, preferably in a simple way?

Edit: the answers I received here are way more helpful, short and elegant than those provided in the related question that caused the close votes. For this reason, I don't believe the question should be closed.

Best Answer

You can use the before and after options:

\documentclass{article}
\usepackage{tcolorbox}

\begin{document}

\begin{tcolorbox}[colback=black!8,width=3cm,halign=center,after=\hspace{1cm}]
Males
\end{tcolorbox}
\begin{tcolorbox}[colback=black!8,width=3cm,halign=center,before=]
Females
\end{tcolorbox}

\end{document}

Related Solutions

[Tex/LaTex] How to put two colored boxes next to each other

You're missing the on line option, but also to set a strut in the two boxes, so the text baselines will be aligned too.

I'd use \newtcbox rather than a global \tcbset. Don't forget to set the \headheight (fancyhdr suggests 28.45274pt, I rounded to 30pt).

Beware that KOMA classes claim that using fancyhdr with them is not recommended; you should consult the guide in order to use scrlayer-scrpage for the job.

\documentclass[a4paper]{scrartcl}
\usepackage[english]{babel}
\usepackage[utf8]{inputenc}
\usepackage{fancyhdr}
\usepackage{graphicx}
\usepackage{sectsty}
\usepackage{tcolorbox}

\definecolor{darkblue}{HTML}{00008A}
\definecolor{lightblue}{HTML}{C8C8FA}
\sectionfont{\color{darkblue}}
\subsectionfont{\color{darkblue}}

\newtcbox{\headtcbox}[1][]{%
  colback=darkblue,
  arc=0mm,
  auto outer arc,
  boxrule=0mm,
  width=1.5cm,
  height=1cm,
  center title,
  box align=base,
  on line,
  #1,
}

\pagestyle{fancy}
\fancyhf{}
\rhead{\textcolor{darkblue}{2017}}
\lhead{%
  \headtcbox{\strut\textcolor{white}{1 \textbar}}%
  \headtcbox[colback=lightblue]{\strut Chapter Name}%
}
\setlength{\headheight}{30pt}

\renewcommand{\familydefault}{\sfdefault}

\begin{document}

\section{And so it begins}
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd
gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum
dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero
eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no
sea takimata sanctus est Lorem ipsum dolor sit amet.

\end{document}

TikZ-PGF – How to Calculate Total Width of a Tabularray Table and Integrate with TikZ or Tcolorbox

You could use the \settowidth macro to measure the width of your table. To avoid having to code the table twice, you could use a savebox and use it once to typeset your table and another time to measure the width.
The tcolorbox is not shifted to the left, instead everything else is shifted to the right from the normal paragraph indent of the class you use. You can avoid it locally by using \noindent or globally by changing the parindent length

\documentclass[12pt]{article}
\usepackage[a4paper, total={180mm,257mm},left=15mm,top=20mm]{geometry}
\usepackage{tabularray}
\usepackage{tikz,tcolorbox,blindtext}

\newlength{\foo}
\newsavebox{\mybox}



\begin{document}

\savebox{\mybox}{\begin{tblr}{colspec={Q[3.2cm,c]Q[5.2cm,c]Q[5.2cm,c]},rows={0.8cm,m},vlines,hlines}
        Column 1    & Column 2 & Column 3 \\                                                          
        A11         &   A12    &     A13  \\             
        A221        &   A22    &     A23  \\
    \end{tblr}}
    
\noindent\usebox{\mybox}

\settowidth{\foo}{\usebox{\mybox}}
    
    \noindent\rule{\foo}{1pt}

\vspace{10pt}

    \noindent\begin{tikzpicture}
        \draw (0,0) rectangle (\foo,4);
    \end{tikzpicture}

    \begin{tcolorbox}[width=\foo]
        \blindtext[1]
    \end{tcolorbox}
\end{document}

Best Answer

Related Solutions

[Tex/LaTex] How to put two colored boxes next to each other

TikZ-PGF – How to Calculate Total Width of a Tabularray Table and Integrate with TikZ or Tcolorbox

Related Question