diff --git a/_sass/content.scss b/_sass/content.scss
index eb97e3939bb86f71de7576ff3e39e69357314fae..21817998f406f4fe2a9e2e8173cb706db60339d1 100644
--- a/_sass/content.scss
+++ b/_sass/content.scss
@@ -82,14 +82,7 @@
     }
   }
 
-  .task-list {
-    padding-left: 0;
-  }
-
   .task-list-item {
-    display: flex;
-    align-items: center;
-
     &::before {
       content: "";
     }
@@ -97,6 +90,8 @@
 
   .task-list-item-checkbox {
     margin-right: 0.6em;
+    margin-left: -1.4em;
+    // The same margin-left is used above for ul > li::before
   }
 
   hr + * {
diff --git a/docs/index-test.md b/docs/index-test.md
index 6b41048dfe4b63a314af1fc5529b760a4fc800fd..b4eca9ddce66c324a21e3915d4c6fffaa3cd73b6 100644
--- a/docs/index-test.md
+++ b/docs/index-test.md
@@ -152,6 +152,30 @@ Some text
 - [ ] Hello, this is another TODO item
 - [x] Goodbye, this item is done
 
+### Nesting task lists
+
+- [ ] level 1 item (task)
+   - [ ] level 2 item (task)
+   - [ ] level 2 item (task)
+- [ ] level 1 item (task)
+- [ ] level 1 item (task)
+
+### Nesting a ul in a task list
+
+- [ ] level 1 item (task)
+   - level 2 item (ul)
+   - level 2 item (ul)
+- [ ] level 1 item (task)
+- [ ] level 1 item (task)
+
+### Nesting a task list in a ul
+
+- level 1 item (ul)
+   - [ ] level 2 item (task)
+   - [ ] level 2 item (task)
+- level 1 item (ul)
+- level 1 item (ul)
+
 ### Small image
 
 ![](../../assets/images/small-image.jpg)