[Tex/LaTex] Why are subfigures stacked when I want them side-by-side

floatssubfloats

I want two images side by side and I'm currently using the following code:

\begin{figure}[!h]
\centering
\begin{subfigure}[t]{.45\textwidth}
    \centering
    \includegraphics[width=\textwidth]{./0_intro/img/cost_breakdown.png}
    \caption{}
    \label{fig:cost_breakdown} 
\end{subfigure}
\begin{subfigure}[t]{.45\textwidth}
   \centering
   \includegraphics[width=\textwidth]{./0_intro/img/cost_breakdown_forecast.png}
   \caption{}
   \label{fig:cost_breakdown_forecast}
\end{subfigure}
\caption{\emph{Source: DOE SSL Roundtable and Workshop attendees}}
\label{fig:costs_BD_FC}
\end{figure}

Images are grouped staked.

I played changing the width of the images and it did not work.

Any idea? Thanks!

Best Answer

with subcaption

\documentclass{article}
\usepackage{subcaption,mwe}
\begin{document}
\begin{figure}[!h]
\centering
\begin{subfigure}[t]{.45\textwidth}
    \centering
    \includegraphics[width=\textwidth]{example-image-a}
    \caption{}
    \label{fig:cost_breakdown} 
\end{subfigure}
\begin{subfigure}[t]{.45\textwidth}
   \centering
   \includegraphics[width=.45\textwidth]{example-image-b}
   \includegraphics[width=.45\textwidth]{example-image-a}
   \caption{}
   \label{fig:cost_breakdown_forecast}
\end{subfigure}
\caption{\emph{Source: DOE SSL Roundtable and Workshop attendees}}
\label{fig:costs_BD_FC}
\end{figure}

\begin{figure}[!h]
\centering
\begin{subfigure}[t]{.45\textwidth}
    \centering
    \includegraphics[width=\textwidth]{example-image-a}
    \caption{}
    \label{fig:cost_breakdown} 
\end{subfigure}
\begin{subfigure}[t]{.45\textwidth}
   \centering
   \includegraphics[width=\textwidth]{example-image-b}
   \caption{}
   \label{fig:cost_breakdown_forecast}
\end{subfigure}
\caption{\emph{Source: DOE SSL Roundtable and Workshop attendees}}
\label{fig:costs_BD_FC}
\end{figure}
\end{document}

enter image description here