diff options
Diffstat (limited to 'layout/reftests/inline')
11 files changed, 117 insertions, 0 deletions
diff --git a/layout/reftests/inline/inline-block-baseline-ref.html b/layout/reftests/inline/inline-block-baseline-ref.html new file mode 100644 index 0000000000..80d5319dc2 --- /dev/null +++ b/layout/reftests/inline/inline-block-baseline-ref.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<html><head> +<style> +.inline-block { display: inline-block; } +.test { + background-color: lightgrey; + overflow: hidden; +} +.border { border: solid blue; border-width: 1px 3px 5px 7px; } +.padding { padding: 10px; } +.margin { margin: 1px 3px 5px 7px; } +</style> + +</head><body> + +The boxes should align vertically: +<div class="test inline-block margin border padding overflow"></div> + +<div class="test inline-block margin border padding overflow"></div> + +<br> + +The boxes should align vertically: +<div class="test inline-block margin border padding overflow">X</div> + +<div class="test inline-block margin border padding overflow">X</div> + +</body></html> diff --git a/layout/reftests/inline/inline-block-baseline.html b/layout/reftests/inline/inline-block-baseline.html new file mode 100644 index 0000000000..9d1ef23890 --- /dev/null +++ b/layout/reftests/inline/inline-block-baseline.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html><head> +<style> +.inline-block { display: inline-block; } +.test { + background-color: lightgrey; + overflow: hidden; +} +.border { border: solid blue; border-width: 1px 3px 5px 7px; } +.padding { padding: 10px; } +.margin { margin: 1px 3px 5px 7px; } +</style> + +</head><body> + +The boxes should align vertically: +<div class="inline-block"> + <div> + <div class="test border padding margin overflow"></div> + </div> +</div> + +<div class="test inline-block margin border padding overflow"></div> + +<br> + +The boxes should align vertically: +<div class="inline-block"> + <div> + <div class="test border padding margin overflow">X</div> + </div> +</div> + +<div class="test inline-block margin border padding overflow">X</div> + +</body></html> diff --git a/layout/reftests/inline/inline-block-margin.html b/layout/reftests/inline/inline-block-margin.html new file mode 100644 index 0000000000..476f13df7c --- /dev/null +++ b/layout/reftests/inline/inline-block-margin.html @@ -0,0 +1,6 @@ +<!DOCTYPE HTML> +<title>margin-left on zero-sized inline-block</title> +<style> +span { display: inline-block; height: 0; padding-right: 100px } +</style> +<span>hello </span>world diff --git a/layout/reftests/inline/inline-block-padding.html b/layout/reftests/inline/inline-block-padding.html new file mode 100644 index 0000000000..476f13df7c --- /dev/null +++ b/layout/reftests/inline/inline-block-padding.html @@ -0,0 +1,6 @@ +<!DOCTYPE HTML> +<title>margin-left on zero-sized inline-block</title> +<style> +span { display: inline-block; height: 0; padding-right: 100px } +</style> +<span>hello </span>world diff --git a/layout/reftests/inline/inline-block-width.html b/layout/reftests/inline/inline-block-width.html new file mode 100644 index 0000000000..e0ebb9b081 --- /dev/null +++ b/layout/reftests/inline/inline-block-width.html @@ -0,0 +1,6 @@ +<!DOCTYPE HTML> +<title>margin-left on zero-sized inline-block</title> +<style> +span { display: inline-block; height: 0; width: 100px } +</style> +hello <span></span>world diff --git a/layout/reftests/inline/inline-block-zero.html b/layout/reftests/inline/inline-block-zero.html new file mode 100644 index 0000000000..ec0166be49 --- /dev/null +++ b/layout/reftests/inline/inline-block-zero.html @@ -0,0 +1,3 @@ +<!DOCTYPE HTML> +<title>margin-left on zero-sized inline-block</title> +hello world diff --git a/layout/reftests/inline/reftest.list b/layout/reftests/inline/reftest.list new file mode 100644 index 0000000000..c3bcfdf14f --- /dev/null +++ b/layout/reftests/inline/reftest.list @@ -0,0 +1,8 @@ +== zero-inline-block-margin-left.html zero-inline-block-margin-ref.html +== zero-inline-block-margin-right.html zero-inline-block-margin-ref.html +== zero-inline-block-margin-ref.html zero-inline-block-margin-ref2.html +== inline-block-width.html zero-inline-block-margin-ref.html +== inline-block-padding.html inline-block-width.html +== inline-block-margin.html inline-block-width.html +!= inline-block-width.html inline-block-zero.html +== inline-block-baseline.html inline-block-baseline-ref.html diff --git a/layout/reftests/inline/zero-inline-block-margin-left.html b/layout/reftests/inline/zero-inline-block-margin-left.html new file mode 100644 index 0000000000..ac13d0b397 --- /dev/null +++ b/layout/reftests/inline/zero-inline-block-margin-left.html @@ -0,0 +1,6 @@ +<!DOCTYPE HTML> +<title>margin-left on zero-sized inline-block</title> +<style> +span { display: inline-block; height: 0; width: 0; margin-left: 100px } +</style> +hello <span></span>world diff --git a/layout/reftests/inline/zero-inline-block-margin-ref.html b/layout/reftests/inline/zero-inline-block-margin-ref.html new file mode 100644 index 0000000000..ac4edb346d --- /dev/null +++ b/layout/reftests/inline/zero-inline-block-margin-ref.html @@ -0,0 +1,6 @@ +<!DOCTYPE HTML> +<title>margin-left on zero-sized inline-block</title> +<style> +span { margin-left: 100px } +</style> +hello <span>world</span> diff --git a/layout/reftests/inline/zero-inline-block-margin-ref2.html b/layout/reftests/inline/zero-inline-block-margin-ref2.html new file mode 100644 index 0000000000..24b69ba9d6 --- /dev/null +++ b/layout/reftests/inline/zero-inline-block-margin-ref2.html @@ -0,0 +1,6 @@ +<!DOCTYPE HTML> +<title>margin-left on zero-sized inline-block</title> +<style> +span { margin-right: 100px } +</style> +<span>hello</span> world diff --git a/layout/reftests/inline/zero-inline-block-margin-right.html b/layout/reftests/inline/zero-inline-block-margin-right.html new file mode 100644 index 0000000000..542649a4a6 --- /dev/null +++ b/layout/reftests/inline/zero-inline-block-margin-right.html @@ -0,0 +1,6 @@ +<!DOCTYPE HTML> +<title>margin-left on zero-sized inline-block</title> +<style> +span { display: inline-block; height: 0; width: 0; margin-right: 100px } +</style> +hello <span></span>world |