Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(442)

Unified Diff: LayoutTests/fast/multicol/vertical-rl/float-break.html

Issue 675433002: Split fast/multicol/float-multicol into smaller tests. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Fixup vertical-rl. Created 6 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: LayoutTests/fast/multicol/vertical-rl/float-break.html
diff --git a/LayoutTests/fast/multicol/vertical-rl/float-break.html b/LayoutTests/fast/multicol/vertical-rl/float-break.html
new file mode 100644
index 0000000000000000000000000000000000000000..cf81762c8f17da79052ad9021e021cff07c5f52e
--- /dev/null
+++ b/LayoutTests/fast/multicol/vertical-rl/float-break.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<style>
+ body {
+ -webkit-writing-mode: vertical-rl;
+ }
+ .multicol {
+ height: 500px;
+ width: 200px;
+ border: 3px solid black;
+ -webkit-column-gap: 10px;
+ -webkit-column-count: 3;
+ line-height: 20px;
+ }
+ .left, .right {
+ padding: 10px 0;
+ height: 40px;
+ text-align: center;
+ box-sizing: border-box;
+ }
+ .left { float: left; }
+ .right { float: right; }
+ .tall { width: 220px; }
+ .xtall { width: 420px; }
+ .blue1 { background-color: skyblue; }
+ .blue2 { background-color: dodgerblue; }
+ .blue3 { background-color: steelblue; }
+</style>
+<div class="multicol">
+ First<br>
+ First<br>
+ <div class="right tall blue1">F2</div>
+ First<br>
+ First<br>
+ <div class="left xtall blue2">F1</div>
+ First<br>
+ First<br>
+ First<br>
+ First<br>
+ First<br>
+ First<br>
+
+ Second<br>
+ Second<br>
+ <div class="left tall blue3">F3</div>
+ Second<br>
+ Second<br>
+ Second<br>
+ Second<br>
+ Second<br>
+ Second<br>
+ Second<br>
+
+ Third<br>
+ Third<br>
+ Third<br>
+ Third<br>
+ Third<br>
+ Third<br>
+ Third<br>
+ Third<br>
+ Third<br>
+ Third<br>
+</div>

Powered by Google App Engine
This is Rietveld 408576698