Две картинки рядом

Ну, вот опять выходные и я все сижу над блогом и пыхчу. Сегодня ударило в голову сделать в ряд картинки в постах. Я конечно не фотограф и картинок у меня не много, но в жизни всякое

бывает, а такие процедуры нужно знать. Тем более что я хочу довести блог о вязании до ума, там достаточно много картинок, которые разбросаны в хаотичном порядке, которое мне ну совсем не нравиться.

Времени уйдет относительно много, но думаю результат того стоит.

И так изрядно порывшись в интернете, нашла несколько способов поставить картинки в ряд.

1 способ, он предназначен  для 2х картинок в ряд, хоть и верстальщики его называют примитивный  для новичков,  я считаю, он подойдет, да и  мучиться не долго.

до изменений

после изменений 

И так начнем:

Пишем свой текст и загружаем несколько картинок, показываю пример правки одной картинки

Что бы не запутались вот так код  выглядит

<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjGE_caKLpC8TQpo-vC6aHmDCK7Co-r3BuSt16n7F8p0IUJ2j4YJICzZ21DpdHLSBZZG-uH4the7vQqGZjdItKSxmoJAJQEItVD-TFJ9Q7OAeSjkvQorHiwKDg0hdAJah4nz6tNnm9U0dc/s1600/imgpreview.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjGE_caKLpC8TQpo-vC6aHmDCK7Co-r3BuSt16n7F8p0IUJ2j4YJICzZ21DpdHLSBZZG-uH4the7vQqGZjdItKSxmoJAJQEItVD-TFJ9Q7OAeSjkvQorHiwKDg0hdAJah4nz6tNnm9U0dc/s1600/imgpreview.jpg" class=""/></a></div><br />

 После добавления второй картинки код уже будет выглядит вот так:

<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjGE_caKLpC8TQpo-vC6aHmDCK7Co-r3BuSt16n7F8p0IUJ2j4YJICzZ21DpdHLSBZZG-uH4the7vQqGZjdItKSxmoJAJQEItVD-TFJ9Q7OAeSjkvQorHiwKDg0hdAJah4nz6tNnm9U0dc/s1600/imgpreview.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjGE_caKLpC8TQpo-vC6aHmDCK7Co-r3BuSt16n7F8p0IUJ2j4YJICzZ21DpdHLSBZZG-uH4the7vQqGZjdItKSxmoJAJQEItVD-TFJ9Q7OAeSjkvQorHiwKDg0hdAJah4nz6tNnm9U0dc/s320/imgpreview.jpg" width="320" height="320" class=""/></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjGE_caKLpC8TQpo-vC6aHmDCK7Co-r3BuSt16n7F8p0IUJ2j4YJICzZ21DpdHLSBZZG-uH4the7vQqGZjdItKSxmoJAJQEItVD-TFJ9Q7OAeSjkvQorHiwKDg0hdAJah4nz6tNnm9U0dc/s1600/imgpreview.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjGE_caKLpC8TQpo-vC6aHmDCK7Co-r3BuSt16n7F8p0IUJ2j4YJICzZ21DpdHLSBZZG-uH4the7vQqGZjdItKSxmoJAJQEItVD-TFJ9Q7OAeSjkvQorHiwKDg0hdAJah4nz6tNnm9U0dc/s320/imgpreview.jpg" width="320" height="320" class=""/></a></div><br />

Теперь нам нужно удалить вот этот код в самом начале 

и межу картинками

и в конце

 а вместо него нужно  вставить вот этот код

Здесь код первой картинки.

Здесь код второй картинки.

 

То есть код HTML будет иметь такой вид

<table> <tbody><tr> <td><fmjjzehoouw epii6dqebu="epii6dqebu" imageanchor="1" imgpreview.jpg="imgpreview.jpg" s1600="s1600" s="s" style="margin-left: 1em; margin-right: 1em;" vkixmrzgi="vkixmrzgi"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjGE_caKLpC8TQpo-vC6aHmDCK7Co-r3BuSt16n7F8p0IUJ2j4YJICzZ21DpdHLSBZZG-uH4the7vQqGZjdItKSxmoJAJQEItVD-TFJ9Q7OAeSjkvQorHiwKDg0hdAJah4nz6tNnm9U0dc/s320/imgpreview.jpg" width="320" height="320" class=""/></fmjjzehoouw></td> <td><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjGE_caKLpC8TQpo-vC6aHmDCK7Co-r3BuSt16n7F8p0IUJ2j4YJICzZ21DpdHLSBZZG-uH4the7vQqGZjdItKSxmoJAJQEItVD-TFJ9Q7OAeSjkvQorHiwKDg0hdAJah4nz6tNnm9U0dc/s1600/imgpreview.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjGE_caKLpC8TQpo-vC6aHmDCK7Co-r3BuSt16n7F8p0IUJ2j4YJICzZ21DpdHLSBZZG-uH4the7vQqGZjdItKSxmoJAJQEItVD-TFJ9Q7OAeSjkvQorHiwKDg0hdAJah4nz6tNnm9U0dc/s320/imgpreview.jpg" width="320" height="320" class=""/></a>< </td> </tr></tbody></table>

На этом все, второй способ опишу уже завтра
Код был взят от сюда