left-hang in left-panel
This commit is contained in:
10
index.html
10
index.html
@@ -15,6 +15,16 @@
|
|||||||
</div>
|
</div>
|
||||||
-->
|
-->
|
||||||
<div class="block">
|
<div class="block">
|
||||||
|
<div class="left-hang">
|
||||||
|
asdf
|
||||||
|
</div>
|
||||||
|
<h3><span class="t">Performance Engineer, triscon IT-Services GmbH</span> <span></span class="d">(2023⁠–⁠2025)</span></h3>
|
||||||
|
<p>Hello world: Lorem ipsum dolor sit amet, consecteur amet elit, even more text, and even even more text that is overfilling the page with stuff that nobody needs except for the people who make a layout</p>
|
||||||
|
</div>
|
||||||
|
<div class="block">
|
||||||
|
<div class="left-hang">
|
||||||
|
asdf
|
||||||
|
</div>
|
||||||
<h3><span class="t">Performance Engineer, triscon IT-Services GmbH</span> <span></span class="d">(2023⁠–⁠2025)</span></h3>
|
<h3><span class="t">Performance Engineer, triscon IT-Services GmbH</span> <span></span class="d">(2023⁠–⁠2025)</span></h3>
|
||||||
<p>Hello world: Lorem ipsum dolor sit amet, consecteur amet elit, even more text, and even even more text that is overfilling the page with stuff that nobody needs except for the people who make a layout</p>
|
<p>Hello world: Lorem ipsum dolor sit amet, consecteur amet elit, even more text, and even even more text that is overfilling the page with stuff that nobody needs except for the people who make a layout</p>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
8
main.css
8
main.css
@@ -12,7 +12,6 @@
|
|||||||
|
|
||||||
/* print background and images */
|
/* print background and images */
|
||||||
-webkit-print-color-adjust: exact !important; /* Chrome, Safari 6 – 15.3, Edge */
|
-webkit-print-color-adjust: exact !important; /* Chrome, Safari 6 – 15.3, Edge */
|
||||||
color-adjust: exact !important; /* Firefox 48 – 96 */
|
|
||||||
print-color-adjust: exact !important; /* Firefox 97+, Safari 15.4+ */
|
print-color-adjust: exact !important; /* Firefox 97+, Safari 15.4+ */
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -52,11 +51,13 @@ h2 {
|
|||||||
font-size: 13pt;
|
font-size: 13pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Block heading */
|
||||||
h3 {
|
h3 {
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
margin-bottom: 8pt;
|
margin-bottom: 8pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Block heading: subject */
|
||||||
h3 span.t {
|
h3 span.t {
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
}
|
}
|
||||||
@@ -68,3 +69,8 @@ div.block {
|
|||||||
div.block p {
|
div.block p {
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div.block div.left-hang {
|
||||||
|
float: left;
|
||||||
|
margin-left: -7.2cm; /* -(#left-panel.width - #right-panel.padding-left + target-margin-left) */
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user