| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| body { overflow: hidden; } |
| p { |
| color: rgba(255,0,0,.4); |
| margin: 5px; |
| white-space: nowrap; |
| } |
| </style> |
| </head> |
| <body> |
| <div id="underline20"> |
| <p style="font: bold 20px Georgia;text-decoration: underline;"> |
| Check if the underline is thick enough for 20px |
| </p> |
| </div> |
| <div id="underline40"> |
| <p style="font: bold 40px Georgia;text-decoration: underline"> |
| Check if the underline is thick enough for 40px |
| </p> |
| </div> |
| <p id="linethrough20" style="font: bold 20px Georgia;text-decoration: line-through;"> |
| Check if the line-through is thick enough for 20px |
| </p> |
| <p id="linethrough40"style="font: bold 40px Georgia;text-decoration: line-through"> |
| Check if the line-through is thick enough for 40px |
| </p> |
| <p id="overline20"style="font: bold 20px Georgia;text-decoration: overline;"> |
| Check if the overline is thick enough for 20px |
| </p> |
| <p id="overline40" style="font: bold 40px Georgia;text-decoration: overline"> |
| Check if the overline is thick enough for 40px |
| </p> |
| </body> |
| </html> |