31 lines
422 B
HTML
31 lines
422 B
HTML
<style>
|
|
section {
|
|
column-count: 2;
|
|
column-gap: 0;
|
|
height: 400px;
|
|
width: 300px;
|
|
}
|
|
|
|
p {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.break-after {
|
|
-webkit-column-break-after: always;
|
|
}
|
|
|
|
.filtered {
|
|
background: white;
|
|
-webkit-filter: invert();
|
|
}
|
|
</style>
|
|
<section>
|
|
<p class="break-after">Hello</p>
|
|
<div class="parent">
|
|
<p>Normal</p>
|
|
<p class="filtered">World</p>
|
|
<p>Normal</p>
|
|
</div>
|
|
</section>
|