38 lines
922 B
HTML
38 lines
922 B
HTML
<!DOCTYPE html>
|
|
<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">
|
|
<style>
|
|
:root {
|
|
print-color-adjust: exact;
|
|
}
|
|
body {
|
|
margin: 0;
|
|
}
|
|
@page {
|
|
size: 400px 300px;
|
|
margin: 0;
|
|
}
|
|
.borders {
|
|
border: solid black;
|
|
border-width: 10px 0;
|
|
border-bottom-color: gray;
|
|
}
|
|
</style>
|
|
<div class="borders">
|
|
<div style="width:50%; box-sizing:border-box; border:solid hotpink; height:850px; background:yellow;"></div>
|
|
</div>
|
|
<div class="borders">
|
|
<div style="width:25%; height:10px; background:cyan;"></div>
|
|
</div>
|
|
<div class="borders">
|
|
<div style="width:25%; height:280px; background:cyan;"></div>
|
|
</div>
|
|
<div class="borders">
|
|
<div style="width:25%; height:10px; background:cyan;"></div>
|
|
<div style="height:270px;"></div>
|
|
</div>
|
|
<div class="borders">
|
|
<div style="height:280px;"></div>
|
|
</div>
|
|
<div class="borders">
|
|
<div style="height:100px;"></div>
|
|
</div>
|