Introduce <code> and update <pre>2.1.0

3 files changed, 21 insertions, 3 deletions

diff --git a/libweb.css b/libweb.css
index b2cda7f..50e9b68 100644
--- a/libweb.css
+++ b/libweb.css
@@ -173,11 +173,20 @@ li {
   margin-bottom: var(--vertical-space-small);
 }
 
+code {
+  display: initial;
+  font-family: var(--font-family-monospace);
+  padding-left: 0.2em;
+  padding-right: 0.2em;
+  background-color: var(--background-color-light2);
+  border-radius: 0.2em;
+}
+
 pre {
   font-family: var(--font-family-monospace);
   margin-top: var(--vertical-space-medium);
   margin-bottom: var(--vertical-space-medium);
-  padding: 1em;
+  padding: 0.5em;
   white-space: pre-wrap;
   background-color: var(--background-color-light2);
   border-radius: 0.5em;
diff --git a/test.html b/test.html
index 00be4e1..68ff6be 100644
--- a/test.html
+++ b/test.html
@@ -133,6 +133,17 @@ contact via mail: me@xengineering.eu
 echo "I am $(whoami)"
 </pre>
 
+			<!-- code --> <p>Lorem ipsum dolor sit amet, consetetur sadipscing
+			elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
+			magna aliquyam erat, sed diam voluptua. At vero eos et accusam et
+			justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
+			takimata sanctus est Lorem ipsum dolor sit amet.  Lorem ipsum dolor
+			sit amet, <code>inline code</code> sadipscing elitr, sed diam
+			nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
+			erat, sed diam voluptua. At vero eos et accusam et justo duo
+			dolores et ea rebum.  Stet clita kasd gubergren, no sea takimata
+			sanctus est Lorem ipsum dolor sit amet.</p>
+
 			<!-- a .card -->
 			<a href="https://example.com">
 				<div class="card">
diff --git a/todo b/todo
deleted file mode 100644
index fc3190d..0000000
--- a/todo
+++ /dev/null
@@ -1,2 +0,0 @@
-badge support for https://krautmacher.org/services/ejabberd.html
-rotated mobile screen bug