I have this:
\newcommand{\bpic}[2]{
\makebox[\textwidth][l]{
\fbox{\makebox[.1\textwidth][r]{\includegraphics[width=20pt]{#1}\hspace*{5pt}}}\fbox{\parbox{.9\textwidth}{#2}\newline}%
}
}
\bpic{resilience.png}{Resilience, in that broken nodes do not compromise the network entirely;}
\bpic{spontaneity.png}{Spontaneity, a feature empowered by the network's capacity to form and heal itself;}
\bpic{decentralization.png}{Decentralization, in the sense that having devices connect directly the need for Internet providers is alleviated;}
\bpic{scale.png}{Scale, as a consequence of the fact that such networks benefit from node density to form a greater number of alternative paths;}
\bpic{throughput.png}{Throughput, an attribute achieved by enabling multiple paths simultaneously to transmit data to a given destination;}
\bpic{balancing.png}{Load balancing, with several alternatives being used to leverage traffic on the network;}
\bpic{costs.png}{Reduced costs of infrastructure, due to the nodes connecting directly, thereby alleviating the need for central authorities.}
That is resulting in this:
All fbox
s are there only for the sake of understanding the layout. There a few things wrong with what I want:
The boxes are exceeding the text width in comparison with the rest of the text. Notice that at the right.
I wanted the picture and text boxes to be the same height and with the text centered vertically.
If the text needs more vertically space than what is used by the image, the image below should adjust by being lower––just as with a bullet list.
How can I do this?
Edit
I played around with @marmot's response and got to this, which uses spacing closer to what I need:
To do that I added makebox[40pt][c]
to the images:
\begin{tabularx}{\textwidth}{m{40pt}X}
\makebox[40pt][c]{\includegraphics[width=20pt]{resilience.png}} & Resilience, in that broken nodes do not compromise the network entirely;\\
\makebox[40pt][c]{\includegraphics[width=20pt]{spontaneity.png}} & Spontaneity, a feature empowered by the network's capacity to form and heal itself;\\
\makebox[40pt][c]{\includegraphics[width=20pt]{decentralization.png}} & Decentralization, in the sense that having devices connect directly the need for Internet providers is alleviated;\\
\makebox[40pt][c]{\includegraphics[width=20pt]{scale.png}} & Scale, as a consequence of the fact that such networks benefit from node density to form a greater number of alternative paths;\\
\makebox[40pt][c]{\includegraphics[width=20pt]{throughput.png}} & Throughput, an attribute achieved by enabling multiple paths simultaneously to transmit data to a given destination;\\
\makebox[40pt][c]{\includegraphics[width=20pt]{balancing.png}} & Load balancing, with several alternatives being used to leverage traffic on the network;\\
\makebox[40pt][c]{\includegraphics[width=20pt]{costs.png}} & Reduced costs of infrastructure, due to the nodes connecting directly, thereby alleviating the need for central authorities.
\end{tabularx}
In this example the first line is centered with the image, but multiple lines expand the text below without centering the image vertically. @Andrew's response is better with multiple lines (that's the result I'm looking for), but single lines are aligned to the top. I haven't played with the space on this one:
tabularx
takes care of this.)