mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-23 10:15:41 +00:00
6fc91f26dc
Differential Revision: https://phabricator.services.mozilla.com/D4029 --HG-- extra : moz-landing-system : lando
45 lines
1.0 KiB
HTML
45 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Reference for bug 1483499</title>
|
|
<style>
|
|
html { writing-mode: vertical-rl }
|
|
legend, .legendRef {
|
|
/* Here in the reference case, we explicitly specify padding, and we also
|
|
use a custom-styled div as the reference case for any legend element
|
|
that is not directly snapped into a fieldset border. */
|
|
background: yellow;
|
|
border: 1px solid brown;
|
|
padding: 2px 0px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<!-- Test: legend default styling shouldn't be affected
|
|
by presence of a display:contents wrapper: -->
|
|
<fieldset>
|
|
<legend>DisplayContentsWrapper</legend>
|
|
</fieldset>
|
|
<br>
|
|
|
|
<!-- Test: legend should get the same 2px of inline-axis padding, even
|
|
if it's not inside of a fieldset at all. -->
|
|
<div class="legendRef">JustALegend</div>
|
|
<br>
|
|
|
|
<div class="legendRef">
|
|
<div class="legendRef">NestedLegend</div>
|
|
</div>
|
|
<br>
|
|
|
|
<fieldset>
|
|
<legend>
|
|
<div class="legendRef">
|
|
<div class="legendRef">NestedLegendInFieldset</div>
|
|
</div>
|
|
</legend>
|
|
</fieldset>
|
|
|
|
</body>
|
|
</html>
|