Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-10 16:05:43 +01:00
Code Issues Projects Releases Packages Wiki Activity

Include margin in inline block intrinsic width. Fixes [edit] links on wikipedia.

Browse source
This commit is contained in:
Glenn Watson 2014-09-18 15:57:38 +10:00
parent 787a683365
commit 6bc65f3b07
4 changed files with 65 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

1
tests/ref/basic.list
View file

@ -130,3 +130,4 @@ flaky_gpu,flaky_linux == acid2_noscroll.html acid2_ref_broken.html
== table_containing_block_a.html table_containing_block_ref.html
== link_style_order.html link_style_order_ref.html
== percent_height.html percent_height_ref.html
== inline_block_with_margin_a.html inline_block_with_margin_ref.html

25
tests/ref/inline_block_with_margin_a.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
@font-face {
font-family: 'ahem';
src: url(fonts/ahem/ahem.ttf);
}
body {
margin: 0;
font-family: 'ahem';
font-size: 100px;
line-height: 1;
}
span {
display: inline-block;
color: yellow;
margin-left: 50px;
}
</style>
</head>
<body>
<div><span>X X</span></div>
</body>
</html>

30
tests/ref/inline_block_with_margin_ref.html Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
margin: 0;
}
.block0 {
position: absolute;
background-color: yellow;
left: 50px;
top: 0px;
width: 100px;
height: 100px;
}
.block1 {
position: absolute;
background-color: yellow;
left: 250px;
top: 0px;
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<div class="block0"></div>
<div class="block1"></div>
</body>
</html>