Use HTML Template for Mail but wrong display

Hi guys,

I import file HTML into Send Mail at Process Model

I run file in local

But, I run in appian

This my HTML 

<!DOCTYPE html>
<html>
<head>
<style>
.myDiv {
  border: 1px outset gray;
}

.button {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  background-color: #4169E1;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  padding: 5px;
}
.grid-item {
  border: none;
  padding: 10px;
  font-size: 15px;
  text-align: left;
}

</style>
</head>
<body>
<p> This contains text </p>
<h2 style="color:#3366ff;">TH - Test Name</h2>

<div class="myDiv">
	<div class = "grid-container">
		<div class = "grid-item"><b>Name:</b></div>
		<div class = "grid-item">Test Name</div>
		<div></div>
		<div></div>
		<div></div>
		<div class = "grid-item"><b>Created By:</b></div>
		<div class = "grid-item">Test</div>
		<div></div>
		<div></div>
		<div></div>
		<div class = "grid-item"><b>Created On:</b></div>
		<div class = "grid-item">5/19/2022</div>
		<div></div>
		<div></div>
		<div></div>
		<div class = "grid-item"><b>Status:</b></div>
		<div class = "grid-item">Test</div>
		<div></div>
		<div></div>
		<div></div>
	</div>
</div>

</br>

<a href="https://www.w3schools.com/bootstrap4/bootstrap_get_started.asp" class="button"><u>VIEW DOCUMENT</u></a>
</body>
</html>

  Discussion posts and replies are publicly visible

Parents Reply Children
No Data