text-decoration-color: #33CCFF;
}

.offset_outer_3 {
text-underline-offset: 30px;
text-decoration-color: #3366FF;
}

.offset_outer_2 {
text-underline-offset: 20px;
text-decoration-color: #6633FF;
}

.offset_outer_1 {
text-underline-offset: 10px;
text-decoration-color: #CC33FF;
}
</style>
    </head>
    <body>
      <p>Test passes if there is one more underline under each X, growing up in steps, with red being the furthest away
      and a single one, purple being the closest with 8 other underlines under i