As eightning said, tasks are list items. You cannot do it using traditional means. However, it can be done!
Solutions
Option 1: Using HTML
<input type="checkbox"> Albania <input type="checkbox"> Algeria <input type="checkbox"> Andorra <input type="checkbox"> Angola
Pros
-
No need for CSS snippets
-
You can switch between styles within the same file
-
Easy to remember
Cons
- Not recognized by Dataview Plugin, Tasks Plugin, or Themes
- You cannot mark tasks as complete in preview by clicking
You can addchecked
like so,<input type="checkbox" checked>
- Weird spacing on the left (you can use CSS)
input[type="checkbox"] {
margin-left: 5px;
Option 2: Using CSS
.inline-task .task-list-item, .inline-task .HyperMD-list-line {
display: inline-flex;
margin-right: 28.5px;
}
Pros
-
Recognized by Dataview Plugin, Tasks Plugin, or Themes
-
Works the same as usual
-
Easy to customize
Cons
- In Preview Mode, the tasks will be displayed across multiple lines (like normal)
You can download the CSS snippet here
inline-task.css (211 Bytes)