css/div,span
This commit is contained in:
parent
01ddc45678
commit
c8ffd05352
2 changed files with 21 additions and 2 deletions
|
@ -7,6 +7,13 @@ margin-block ← vspace
|
||||||
*/
|
*/
|
||||||
|
|
||||||
* {
|
* {
|
||||||
|
/*
|
||||||
|
margin: 2px;
|
||||||
|
padding: 2px;
|
||||||
|
*/
|
||||||
|
border-color: magenta;
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 1px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -25,6 +32,16 @@ text-align: start;
|
||||||
|
|
||||||
header {
|
header {
|
||||||
background-color: #300;
|
background-color: #300;
|
||||||
|
padding: 1em 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sectionless {
|
||||||
|
background-color: #630;
|
||||||
|
padding: .5em 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.thing {
|
||||||
|
font-size: 1.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
|
|
|
@ -18,8 +18,10 @@
|
||||||
<!-- Comment. -->
|
<!-- Comment. -->
|
||||||
<h1>Root heading</h1>
|
<h1>Root heading</h1>
|
||||||
|
|
||||||
<p>It is <strong>important</strong>.</p>
|
<div class="sectionless">
|
||||||
<p>Oh yeah, <em>sure</em>…</p>
|
<p><span class="thing">It</span> is <strong>important</strong>.</p>
|
||||||
|
<p>Oh yeah, <em>sure</em>…</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<a href="relative/destination">Go elsewhere…</a>
|
<a href="relative/destination">Go elsewhere…</a>
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue