| 1 | <html style="font-size:3em; padding: 2em">
|
|---|
| 2 | <div style="background:yellow">no border, <a href="#">Link within</a></div>
|
|---|
| 3 | As long as the following box is in view (please shrink window), it breaks the underline thickness:
|
|---|
| 4 | <div style="border:dotted 1em red; background:yellow">border:dotted, <a href="#">Link within</a></div>
|
|---|
| 5 | Compare:
|
|---|
| 6 | <div style="border:double 1em red; background:yellow">border:double, <a href="#">Link within</a></div>
|
|---|
| 7 | Same for outline, but does not break underline thickness:
|
|---|
| 8 | <div style="outline:dotted 1em red; background:yellow; margin: 1em">outline:dotted, <a href="#">Link within</a></div>
|
|---|
| 9 | Compare:
|
|---|
| 10 | <div style="outline:double 1em red; background:yellow; margin: 1em">outline:double, <a href="#">Link within</a></div>
|
|---|
| 11 | Again without border:
|
|---|
| 12 | <div style="background:yellow">no border, <a href="#">Link within</a></div>
|
|---|
| 13 | </html>
|
|---|
