Hello everyone,
I would like some help with my dataset design for room postings. I’ve coded and designed most of the layout; however, I’m having a hard time figuring out how to get the white border lines to match each set. Could anyone help me figure this out? I would greatly appreciate any help!
CODE BELOW
<p style="margin: 0px 0px 16px;"> </p>
<p style="margin: 0px 0px 16px;"> </p>
<table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 939.3px;">
<tbody>
<tr>
<td style="text-align: center;">
<p style="margin: 0px 0px 16px;"><span style="font-size:36px;"><span style="color:#ffffff;"><strong><span style="font-family:Arial,Helvetica,sans-serif;">[starttime|68]</span></strong></span></span></p>
<p style="margin: 0px 0px 16px;"><span style="font-size:36px;"><span style="color:#ffffff;"><strong><span style="font-family:Arial,Helvetica,sans-serif;">[endtime|70]</span></strong></span></span></p>
<p> </p>
</td>
<td style="text-align: center;">
<p style="margin: 0px 0px 16px;"><span style="color:#ffffff;"><span style="font-size:36px;"><strong><span style="font-family:Arial,Helvetica,sans-serif;">[title|72]</span></strong></span></span></p>
<p style="margin: 0px 0px 16px;"><span style="font-size:36px;"><span style="color:#ffffff;"><strong><span style="font-family:Arial,Helvetica,sans-serif;">[groupname|126]</span></strong></span></span></p>
</td>
</tr>
</tbody>
</table>
<p style="text-align: center; margin: 0px 0px 16px;"> </p>
OPTIONAL STYLESHEET
table {
border-collapse: collapse;
}
tr {
border: none;
}
td:first-child {
border-right: solid 8px #ffffff;
}
OPTIONAL JAVASCRIPT
table {
margin: 0 auto;
outline: 2px solid white;
outline-offset: -2px;
}
table td {
padding: 1rem;
outline: 2px solid black;
}