Here is a forum post detailing a number of issues I’ve had with HTML formatting and styling not behaving as expected, which are as follows:
Here’s a regular HTML span and the text it creates below:
<span>Sample Text</span>
Sample Text
Nothing out of the ordinary, but here’s what happens when I try to recolour the text to a rich orange:
<span style="color: #ff7f00">Sample Text</span>
Sample Text
As can be seen, it’s still white. While divs are unaffected by this, that doesn’t make it any easier when you want to recolour
<table>
| Header Cell | Standard Cell |
|---|---|
| Header Cell with More Text | Standard Cell with More Text |
<table style="border: none">
| Header Cell | Standard Cell |
|---|---|
| Header Cell with More Text | Standard Cell with More Text |
<table style="text-align: center; color: #ff7f00">
| Header Cell | Standard Cell |
|---|---|
| Header Cell with More Text | Standard Cell with More Text |
While adding divs within cells is possible, anything to do with the table itself is seemingly completely ignored. This, of course, extends to not being able to recolour or hide the horizontal lines between each row.
<div style="color: #ff7f00">
<hr>
</div>
The horizontal line stays dark grey despite being within a div that should, on paper, turn it orange. The results are no different if I attempt to recolour it directly:
<hr style="color: #ff7f00">
<div style="padding: 12px; font-size: 48px; font-weight: 100; font-family: 'Segoe UI'; color: #ff7f00">
Regular Text and <a href=url(example.com)>Link Text</a>
</div>
<div style="border-radius: 12px; padding: 12px; font-size: 48px; font-weight: 100; font-family: 'Segoe UI'; color: #ffdf7f; background-color: #ff2f3f">
Regular Text and <a href=url(example.com)>Link Text</a>
</div>
As per the example, trying to recolour the link text or change its weight does nothing. This isn’t so much of an issue with darker, regularly sized (14px) text on lighter backgrounds as it is with large, thin text (as seen above), legibility on some solid-colour or image backgrounds (also seen above), or really any other scenario where consistency or visual unity is desired and the default pale red just doesn’t cut it.
Of course, if someone decides to put hidden rickroll links in their post, that’s their problem.
