Как сделать так, чтобы при выводе постов картинка была для четных постов сверху, а для нечетных наоборот — снизу, посредством CSS или JS?

Question

[Евгений]

Answer 1

[A K]

Как вариант онли css
jsfiddle.net/Symphony/1f784gyq/embedded/result

Comments

[Евгений]

Спасибо большое, но вот проблема если height картинки и длина текста разные ? как быть, они накладываются друг на друга

[A K]

Juodvirshis: тоже самое, только джаваскриптом узнавать высоту картинки и давать ее как маргин-топ спана.

Answer 2

[IceJOKER]

Первое что приходит в голову - при выводе проверять на четность/не четность и соответственно выводить картинку до или после текста.
Есть еще вариант вывести один за другим - img1 -> text2 -> img3 -> text4 и потом в зависимости от ширины блока сопоставить ряды.

Comments

[Евгений]

с img:nth-child(odd) {}img:nth-child(even) {} и float получается чередовать справа и слева.

[IceJOKER]

Juodvirshis: извиняюсь, на картинке как-то не обратил внимания на text/img