Index: LayoutTests/fast/css/text-overflow-ellipsis-block-with-border-and-padding.html |
diff --git a/LayoutTests/fast/css/text-overflow-ellipsis-block-with-border-and-padding.html b/LayoutTests/fast/css/text-overflow-ellipsis-block-with-border-and-padding.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..32eeb5e75112ba2a0c0380cebec9a322a820809d |
--- /dev/null |
+++ b/LayoutTests/fast/css/text-overflow-ellipsis-block-with-border-and-padding.html |
@@ -0,0 +1,40 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+<meta charset="utf-8"> |
+<style> |
+.testDiv { |
+ width: 308px; |
+ border: 5px solid green; |
+ padding: 0px 5px 0px 20px; |
+ white-space: nowrap; |
+ overflow: hidden; |
+ margin: 0 0 20px 0; |
+ text-overflow: ellipsis; |
+} |
+ |
+.rtl { |
+ direction: rtl; |
+ unicode-bidi: bidi-override; |
+} |
+ |
+.leftAlign { text-align: left; } |
+.rightAlign { text-align: right; } |
+.centerAlign { text-align: center; } |
+.justifyAlign { text-align: justify; } |
+</style> |
+</head> |
+<body> |
+<div class="testDiv leftAlign">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.</div> |
+<div class="testDiv leftAlign rtl">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.</div> |
+ |
+<div class="testDiv rightAlign">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.</div> |
+<div class="testDiv rightAlign rtl">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.</div> |
+ |
+<div class="testDiv centerAlign">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.</div> |
+<div class="testDiv centerAlign rtl">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.</div> |
+ |
+<div class="testDiv justifyAlign">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.</div> |
+<div class="testDiv justifyAlign rtl">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros.</div> |
+</body> |
+</html> |