Home > Net >  Html emails <hr> styling issue on Outlook?
Html emails <hr> styling issue on Outlook?

Time:12-20

I have used the <hr> tag to separate the rows, which is showing double lines in outlook emails. But I want just a single line to be displayed. How can I rectify this?

I have used the following code

<hr style="border:none;border-bottom:1px solid #0a0a0a;box-shadow:none;margin-bottom:0;">

All answers appreciated.

CodePudding user response:

Adding outline:none; might remove the double line issue in outlook emails.

<hr style="border:none;outline:none;border-bottom:1px solid #0a0a0a;box-shadow:none;margin-bottom:0;"/>

Or, you can remove outlines, borders and give a height and background color as:

<hr style="border:none;outline:none;height:1px;background:#0a0a0a;box-shadow:none;margin-bottom:0;"/>

CodePudding user response:

You can use a different way.

<div style="border-top: 1px dotted #999999;">&nbsp;</div>

  • Related