Como poner fotos una al lado de otra en un post

Unknown

Como poner fotos una al lado de otra en un post
Cuando subimos al blog varias imágenes nos las coloca así:

Pero claro, no queremos que esto sea así, las queremos colocar en horizontal, así:

¿Como poner fotos una al lado de otra en un post ?
Bien, para conseguirlo lo que haremos sera lo siguiente :

1. Subiremos las imágenes en vista Redactar
2. Cambiaremos a vista HTML y copiaremos todo el código 

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoZrRgHndcofMMFRQbSAKrWrOVyzfBMNMuNf3h47mT_JOdodceKj6V8BoshO9NC7Os3Qhir9-3lZ5ECbUJx9YP5cJC7EuA6bht34YcKxdVx-B8wZBrQ3pUIoOrh_2IVPJVVag4rMUp_Nc/s1600/uno.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoZrRgHndcofMMFRQbSAKrWrOVyzfBMNMuNf3h47mT_JOdodceKj6V8BoshO9NC7Os3Qhir9-3lZ5ECbUJx9YP5cJC7EuA6bht34YcKxdVx-B8wZBrQ3pUIoOrh_2IVPJVVag4rMUp_Nc/s1600/uno.jpg" height="200" width="130" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjlxaCM6qk1sObEVjd4mMYLd0icrdmrCaCqek7Gw7xkl2MhsSiqa9ncGXLHXE1_zPSGNOT_CVPvIoI7Db0TxLx44VvkRMlD8xoXpyt8PfK1DdQ8oLqLLf6OyK-brOJWBm1hdS0BJJxJd8/s1600/dos.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjlxaCM6qk1sObEVjd4mMYLd0icrdmrCaCqek7Gw7xkl2MhsSiqa9ncGXLHXE1_zPSGNOT_CVPvIoI7Db0TxLx44VvkRMlD8xoXpyt8PfK1DdQ8oLqLLf6OyK-brOJWBm1hdS0BJJxJd8/s1600/dos.jpg" height="200" width="130" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK3mpdcKldUyiWfogO_T9_W7Dp_Totp5Cu-hoA51xuapMQr4aqEBNKqJKxBWgEtt11vVFsywcHdujm7XmEN7J1ULVM4HaUhuWhYltRL9WvpDai9BTnDgsoTr8zy_96feRHMucTVV743yQ/s1600/tres.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK3mpdcKldUyiWfogO_T9_W7Dp_Totp5Cu-hoA51xuapMQr4aqEBNKqJKxBWgEtt11vVFsywcHdujm7XmEN7J1ULVM4HaUhuWhYltRL9WvpDai9BTnDgsoTr8zy_96feRHMucTVV743yQ/s1600/tres.jpg" height="200" width="130" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPPD8XulmCvtATCizpndPzyMKUruBAMecbZjWvzN7zl5wG1aq9Ii0PE8VS8xl2yI48fNkusc_trvxrcu2nj_9I7_38h6VoohL6fj-hmtaCnwh4Q-U8Q-yPyhW3HIwFZCZfqnNEvgEwPyo/s1600/cuatro.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPPD8XulmCvtATCizpndPzyMKUruBAMecbZjWvzN7zl5wG1aq9Ii0PE8VS8xl2yI48fNkusc_trvxrcu2nj_9I7_38h6VoohL6fj-hmtaCnwh4Q-U8Q-yPyhW3HIwFZCZfqnNEvgEwPyo/s1600/cuatro.jpg" height="200" width="130" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>

Limpiaremos el código y dejaremos  solo el código de las imágenes entre <a> y </a> y el primer
 <div class="separator" style="clear: both; text-align: center;"> quedando asi:

 <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoZrRgHndcofMMFRQbSAKrWrOVyzfBMNMuNf3h47mT_JOdodceKj6V8BoshO9NC7Os3Qhir9-3lZ5ECbUJx9YP5cJC7EuA6bht34YcKxdVx-B8wZBrQ3pUIoOrh_2IVPJVVag4rMUp_Nc/s1600/uno.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoZrRgHndcofMMFRQbSAKrWrOVyzfBMNMuNf3h47mT_JOdodceKj6V8BoshO9NC7Os3Qhir9-3lZ5ECbUJx9YP5cJC7EuA6bht34YcKxdVx-B8wZBrQ3pUIoOrh_2IVPJVVag4rMUp_Nc/s1600/uno.jpg" height="200" width="130" /></a> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjlxaCM6qk1sObEVjd4mMYLd0icrdmrCaCqek7Gw7xkl2MhsSiqa9ncGXLHXE1_zPSGNOT_CVPvIoI7Db0TxLx44VvkRMlD8xoXpyt8PfK1DdQ8oLqLLf6OyK-brOJWBm1hdS0BJJxJd8/s1600/dos.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjlxaCM6qk1sObEVjd4mMYLd0icrdmrCaCqek7Gw7xkl2MhsSiqa9ncGXLHXE1_zPSGNOT_CVPvIoI7Db0TxLx44VvkRMlD8xoXpyt8PfK1DdQ8oLqLLf6OyK-brOJWBm1hdS0BJJxJd8/s1600/dos.jpg" height="200" width="130" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK3mpdcKldUyiWfogO_T9_W7Dp_Totp5Cu-hoA51xuapMQr4aqEBNKqJKxBWgEtt11vVFsywcHdujm7XmEN7J1ULVM4HaUhuWhYltRL9WvpDai9BTnDgsoTr8zy_96feRHMucTVV743yQ/s1600/tres.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK3mpdcKldUyiWfogO_T9_W7Dp_Totp5Cu-hoA51xuapMQr4aqEBNKqJKxBWgEtt11vVFsywcHdujm7XmEN7J1ULVM4HaUhuWhYltRL9WvpDai9BTnDgsoTr8zy_96feRHMucTVV743yQ/s1600/tres.jpg" height="200" width="130" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPPD8XulmCvtATCizpndPzyMKUruBAMecbZjWvzN7zl5wG1aq9Ii0PE8VS8xl2yI48fNkusc_trvxrcu2nj_9I7_38h6VoohL6fj-hmtaCnwh4Q-U8Q-yPyhW3HIwFZCZfqnNEvgEwPyo/s1600/cuatro.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPPD8XulmCvtATCizpndPzyMKUruBAMecbZjWvzN7zl5wG1aq9Ii0PE8VS8xl2yI48fNkusc_trvxrcu2nj_9I7_38h6VoohL6fj-hmtaCnwh4Q-U8Q-yPyhW3HIwFZCZfqnNEvgEwPyo/s1600/cuatro.jpg" height="200" width="130" /></a>

Solamente nos quedara tener en cuenta, las medidas de las imágenes para que no sobrepasen la anchura que tenemos para todas ellas.
Espero que lo haya explicado bien para que no tengas ningun problema a la hora de llevarlo a la practica.
¿Te atreves a ejecutarlo?