aboutsummaryrefslogtreecommitdiffstats
path: root/test/render/flex/-flexbox_columns-flexitems-2.htm
diff options
context:
space:
mode:
authorYuri Kobets <[email protected]>2024-01-31 03:48:44 +0300
committerGitHub <[email protected]>2024-01-31 03:48:44 +0300
commit6ca1ab0419e770e6d35a1ef690238773a1dafcee (patch)
tree16df635edd594dc1d1b9d0044993e2ae4d0e0200 /test/render/flex/-flexbox_columns-flexitems-2.htm
parent8c320007878795fe629de7fe1eaef9328ac9c719 (diff)
parentd85ebec101e77825e5708e58df0e2508ec4fd389 (diff)
Merge pull request #285 from litehtml/flex_layoutHEADv0.9dev
Flex layout
Diffstat (limited to 'test/render/flex/-flexbox_columns-flexitems-2.htm')
-rw-r--r--test/render/flex/-flexbox_columns-flexitems-2.htm32
1 files changed, 32 insertions, 0 deletions
diff --git a/test/render/flex/-flexbox_columns-flexitems-2.htm b/test/render/flex/-flexbox_columns-flexitems-2.htm
new file mode 100644
index 00000000..101188a7
--- /dev/null
+++ b/test/render/flex/-flexbox_columns-flexitems-2.htm
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html><head><title>flexbox | multicol on flexbox items</title>
+<link href="http://opera.com" rel="author" title="Opera Software">
+<link href="http://www.w3.org/TR/css-flexbox-1/#flex-containers" rel="help">
+<link href="reference/flexbox_columns-flexitems-2-ref.htm" rel="match">
+<link content="ahem" rel="flags">
+<link href="/https/code.qt.io/fonts/ahem.css" type="text/css" rel="stylesheet">
+<style>
+div {
+ background: blue;
+
+ display: flex;
+ justify-content: space-around;
+}
+p {
+ font-family: ahem;
+ background: yellow;
+ column-rule: 1em solid lime;
+ columns: 2;
+ margin: 0;
+ width: 200px;
+}
+</style>
+
+</head><body><div>
+ <p>
+ one two three four five
+ one two three four five
+ one two three four five
+ </p>
+</div>
+</body></html> \ No newline at end of file