2023-12-07 06:43:00 +01:00
<!DOCTYPE html>
< html lang = "en" >
< head >
2024-11-05 12:49:08 +00:00
< link rel = "match" href = "../expected/inline-node-ref.html" / >
2025-07-16 12:14:09 +02:00
< meta name = "fuzzy" content = "maxDifference=0-1;totalPixels=0-930" >
2023-12-07 06:43:00 +01:00
< meta charset = "UTF-8" >
< title > Inline Node styling test< / title >
< style >
body {
line-height: 200%;
}
.highlight {
background-color: orange;
border-radius: 6px;
}
.bg-highlight {
background: magenta;
color: white;
border-radius: 6px;
}
.br-highlight {
border: 2px solid green;
border-radius: 6px;
box-shadow: 4px 4px 4px darkgreen;
}
< / style >
< / head >
< body >
Hello world < span class = "highlight" > this is some text< / span > not in a box. < span class = "bg-highlight" > This text has a background< / span > and < span class = "br-highlight" > this text has a shadow!< / span >
< / body >
< / html >
