Как выровнять div по правому краю в ячейке таблицы?

Question

[Kandelabra]

Верстаю письмо таблицами. В ячейке таблицы нарисовал div'ом прямоугольник для оформления заголовка. Теперь нужно этот блок передвинуть к правому краю ячейки (он прижался к левому краю). Никак не получается это сделать.

Answer 1

[Pavel Torbeev]

Можно пример увидеть?
Если способы
text-align: right
Внешнему блоку
или
float: right
не помогают, то есть вариант: сделать перед блоком, который нужно прижать к правому краю, еще один блок, равный по ширине (ширина внешнего блока - ширина блока, который нужно прижать справа)

Comments

[Kandelabra]

Спасибо, ещё один блок помог, хотя такой костыль душу рвёт) Сейчас блок стоит справа, но по вертикали - выравнен по центру. valign и vertical-align не помогают. Что можно сделать?

[Kandelabra]

Всё, разобрался, нужно было задать свойство родителю на уровень выше

[Kandelabra]

Pavel Torbeev: https://jsfiddle.net/7xy9599v/1/ там комментариями пометил где была проблема

Answer 2

[Артур Кох]

Прежде всего убираем див, и вместо него используем еще одну таблицу с одной единственной ячейкой, в которой располагается заголовок. Стили оформления задаем ячейке таблицы. Саму таблицу выравниваем просто: table align="right".

Дивы в верстке писем нужно использовать только для форматирования текста и адаптивности. Не стоит применять в дивам стили, которые не отвечают за форматирование текста (например фоны и бодреры), ибо это не работает в различных почтовых клиентах.

Comments

[Kandelabra]

Да, уже при тесте увидел косяки с div'ом. Поменял его на span с display:block, всё стало отображаться. Не знаю только, насколько это решение универсально.