tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

line-clamp-with-floats-007.tentative.html (792B)


      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 <title>CSS Overflow: line-clamp doesn't propagate to floats</title>
      4 <link rel="author" title="Andreu Botella" href="mailto:abotella@igalia.com">
      5 <link rel="help" href="https://drafts.csswg.org/css-overflow-4/#line-clamp">
      6 <link rel="match" href="reference/line-clamp-with-floats-007-ref.html">
      7 <meta name="assert" content="Floats create a new BFC, and line-clamp does not propagate into independent BFCs">
      8 <style>
      9 .clamp {
     10  line-clamp: 4;
     11  font: 16px / 32px serif;
     12  padding: 0 4px;
     13  white-space: pre;
     14  background-color: yellow;
     15 }
     16 .float {
     17  float: left;
     18  margin: 4px;
     19  white-space: pre;
     20  background-color: skyblue;
     21 }
     22 </style>
     23 <div class="clamp">Line 1
     24 Line 2
     25 Line 3
     26 Line 4<div class="float">Line A
     27 Line B
     28 Line C
     29 Line D
     30 Line E</div>
     31 Line 5</div>