cpp
/
RmlUi
mirror of https://github.com/mikke89/RmlUi.git


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
							<rml>
<head>
  <link type="text/rcss" href="/../Tests/Data/style.rcss" />
  <title>CSS Test Reference: flex container multiline wrapping in column-reverse direction</title>
  <link href="mailto:[email protected]" rel="author" title="tmtysk" />
  <link href="mailto:[email protected]" rel="reviewer" title="Tab Atkins" />
  <style>
    * {
      margin: 0;
      padding: 0;
      font-size: 100%;
      line-height: 1;
    }

    .test {
      width: 300px;
      float: left;
      width: 33.3333%;
    }

    p {
      margin-top: 10px;
      margin-right: 10px;
      background-color: #eee;
    }

    #row1-col1 {
      height: 90px;
    }

    #row1-col2 {
      height: 90px;
    }

    #row1-col3 {
      height: 90px;
    }

    #row2-col1 {
      height: 140px;
    }

    #row2-col2 {
      height: 140px;
    }

    #row3-col1 {
      height: 290px;
    }

    .clear {
      clear: both;
    }
  </style>
</head>
<body>
  <div class="test">
    <p id="row1-col1">1-1</p>
    <p id="row1-col2">1-2</p>
    <p id="row1-col3">1-3</p>
  </div>
  <div class="test">
    <p id="row2-col1">2-1</p>
    <p id="row2-col2">2-2</p>
  </div>
  <div class="test">
    <p id="row3-col1">3-1</p>
  </div>
  <div class="clear"></div>
</body>
</rml>