mirror of
https://github.com/servo/servo.git
synced 2025-08-06 14:10:11 +01:00
Fix inline context padding on inline-block.
Fixes categories bar on wikipedia - ref #2554.
This commit is contained in:
parent
6177a3bdcc
commit
32c02fc048
5 changed files with 81 additions and 13 deletions
|
@ -140,3 +140,4 @@ flaky_gpu,flaky_linux == acid2_noscroll.html acid2_ref_broken.html
|
|||
== img_block_maxwidth_b.html img_block_maxwidth_ref.html
|
||||
== float_clearance_a.html float_clearance_ref.html
|
||||
== block_formatting_context_a.html block_formatting_context_ref.html
|
||||
== inline_block_parent_padding_a.html inline_block_parent_padding_ref.html
|
||||
|
|
10
tests/ref/css/ahem.css
Normal file
10
tests/ref/css/ahem.css
Normal file
|
@ -0,0 +1,10 @@
|
|||
@font-face {
|
||||
font-family: 'ahem';
|
||||
src: url(../fonts/ahem/ahem.ttf);
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'ahem';
|
||||
font-size: 100px;
|
||||
line-height: 1;
|
||||
}
|
27
tests/ref/inline_block_parent_padding_a.html
Normal file
27
tests/ref/inline_block_parent_padding_a.html
Normal file
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/ahem.css">
|
||||
<style type="text/css">
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
list-style-type: none;
|
||||
list-style-image: none;
|
||||
}
|
||||
li {
|
||||
display: inline-block;
|
||||
padding: 0 100px;
|
||||
color: red;
|
||||
background-color: yellow;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<ul><li>X</li></ul>
|
||||
</body>
|
||||
</html>
|
26
tests/ref/inline_block_parent_padding_ref.html
Normal file
26
tests/ref/inline_block_parent_padding_ref.html
Normal file
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<style type="text/css">
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
div {
|
||||
float: left;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
.red {
|
||||
background-color: red;
|
||||
}
|
||||
.yellow {
|
||||
background-color: yellow;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="yellow"></div>
|
||||
<div class="red"></div>
|
||||
<div class="yellow"></div>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue