Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /html/semantics/interestfor/interestfor-pseudo-element-multiline-link-appearance.tentative.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta charset="utf-8">
<link rel="author" href="mailto:masonf@chromium.org">
<link rel="match" href="interestfor-pseudo-element-multiline-link-appearance-ref.html">
<div id="container">
This is some leading text before the link.
<a href="#" id="link" interestfor="target">This is a long link text that is designed to wrap across multiple lines.</a>
</div>
<div id="target"></div>
<style>
#container {
width: 250px;
font-family: monospace;
font-size: 14px;
line-height: 20px;
border: 1px solid black;
padding: 8px;
}
#link {
color: blue;
}
[interestfor]::interest-button {
content: '\24D8' / '';
}
</style>