Update 'README.md'

This commit is contained in:
cf23659d 2021-12-09 14:01:27 +01:00
parent bb3e2ac3f1
commit 2f0dc911de
1 changed files with 110 additions and 6 deletions

116
README.md
View File

@ -1,6 +1,6 @@
# markdown-test
### details + blockquote
## details + blockquote
```html
<details open>
@ -34,7 +34,7 @@ content 3
</blockquote>
</details>
### blockquote + details
## blockquote + details
```html
<blockquote>
@ -68,6 +68,47 @@ details 4
</blockquote>
</details>
## html list
problem: indent too large
<ul>
<li>
content 1
<ul>
<li>
content 2
<ul>
<li>
content 3
</li>
</ul>
</li>
</ul>
</li>
</ul>
### ordered list
<ol>
<li>
content 1
<ol>
<li>
content 2
<ol>
<li>
content 3
</li>
</ol>
</li>
</ol>
</li>
</ol>
## unicode non-breaking space
problem: not working in gitea
hard
coded
@ -82,12 +123,18 @@ details 4
asdf
## html non-breaking space
problem: ugly source code
&nbsp;nbsp
&nbsp;&nbsp;nbsp
&nbsp;&nbsp;&nbsp;nbsp
&nbsp;&nbsp;&nbsp;&nbsp;nbsp
### definition list
## definition list
problem: indent too large
Term 1
: definition 1
@ -96,12 +143,49 @@ Term 1
Term 2
: definition 1
: definition 2
: definition 2a
: definition 2b
## markdown tables
<div style="padding-left: 30px;">
padleft
problem: ugly source
| OS | Input method |
|-----------| ----------------------------------|
| macOS | OPTION+SPACE (ALT+SPACE) |
| Linux | Compose Space Space or AltGr+Space|
| Windows | Alt+0+1+6+0 |
## html tables
oldschool!
problem: we need margin/padding only on the left side
<table><tr><td>
content 1
<table><tr><td>
content 2
<table><tr><td>
content 3
</td></tr></table>
</td></tr></table>
</td></tr></table>
## html style
problem: style is ignored
<div style="padding-left: 2em">
padding-left
</div>
<div style="margin-left: 2em">
margin-left
</div>
https://stackoverflow.com/questions/6046263/how-to-indent-a-few-lines-in-markdown-markup
Insert a hard space
| OS | Input method |
@ -115,6 +199,8 @@ Some text editor use Ctrl+Shift+Space.
<pre>
1
problem: text size becomes smaller and smaller
<pre>
2
@ -138,4 +224,22 @@ div1
div2
</div>
</div>
</div>
### a million headings
problem: maximum is h6, but we need infinite depth
#### h4
##### h5
###### h6
####### h7
######## h8
############### h15