Fix inline context padding on inline-block.

Fixes categories bar on wikipedia - ref #2554.
This commit is contained in:
Glenn Watson 2014-09-23 15:32:36 +10:00
parent 6177a3bdcc
commit 32c02fc048
5 changed files with 81 additions and 13 deletions

View file

@ -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
View 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;
}

View 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>

View 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>