Как сделать такой header на табличной верстке?

Question

[Володимир Паламар]

https://prnt.sc/11e3irj
Как такое сверстать адаптивом на табличной верстке?
По сути прямоугольник 600х71px. Расстояние между пунктами 35px, а между верхним и нижним рядом 10px.

position: absolute;
width: 600px;
height: 71px;
left: 0px;
top: 0px;
background: linear-gradient(180deg, #065863 0%, #064048 100%);
border: 3px solid #FFFFFF;
box-sizing: border-box;

Comments

[Антон Литвиненко]

думаете письма поддерживают linear gradient? а у вас даже фоллбека нету

[Froggyweb]

Это к таблице вообще не имеет никакого отношения. Даже в случае email рассылки
простые inline-block внутри объединённой ячейки

[Володимир Паламар]

Антон Литвиненко, да скорее всего оно не сработает (

[Володимир Паламар]

Froggyweb, подскажите как лучше сделать

Answer 1

[Антон Литвиненко]

https://mjml.io/try-it-live/Ga9Mal-WAQ_

https://documentation.mjml.io/

Comments

[Володимир Паламар]

Спасибо большое

[Антон Литвиненко]

Володимир Паламар, там на выходе чистый хтмл. глянь в код. никто не делает письма врукопашную, mjml конвертирует в итоге в html, это просто песочница

[Володимир Паламар]

Антон Литвиненко, Да увидел, спасибо большое впервые взялся за верстку письма. Можете ещё что-то посоветовать?

[Антон Литвиненко]

Володимир Паламар,
https://mjml.io/
тут есть все что нужно. если стоит нода, то можно автокомпилятор развернуть на компе. а графическая программа мне не понравилась