<hr> не отображается на мобильных почтовых клиентах

Question

У меня возникают проблемы с <hr>, которые отображаются только как черная точка на мобильных почтовых клиентах. Вот что я использую в моей CSS:

hr { 
    color: #333333; 
    background-color: #333333; 
    height: 1px; 
    border: none; 
    display: block; 
    width: 100% !important; 
    } 

Я видел несколько различных предложений на этом сайте, таких как: <hr> tag invisible in ios & android devices browsers

или

<hr> not displaying at all on IOS Safari and regular android browser.

Но ни один из решения, похоже, работают на меня.

Любая помощь очень ценится.

Благодаря

Answer 1

Я считаю, что ваша проблема может быть решена, если вы удалите эти строки

color: #333333; 
background-color: #333333; 
height: 1px; 
border: none; 

И добавьте следующую строку

border-bottom: 1px solid #333333;