Inline HTML

• Underline
• Color
• Commentary
• Collapsed section
• Align
• Center align
• Keyboard
• Embed video
  • Local source
  • Interwebz source

Underline

<u> Text </u> 

Text

Color

<span style="color: #FF69B4;">Why did the tomato turn red?</span>
<span style="color: #00FFFF;">Because it saw the salad dressing!</span>
<span style="color:red;">your text here in red</span>,
<span style="color:#520099;">or make it blue</span>

Why did the tomato turn red? Because it saw the salad dressing! your text here in red, or make it blue

Commentary

<!-- ingen kommentar -->  

Collapsed section

<details>

<summary>Tips for collapsed sections</summary>

You can add text within a collapsed section. 

You can add an image or a code block, too.

```ruby
   puts "Hello World"
```

</details>

   puts "Hello World"

Align

   Centrera

   Centrera

     Centrera

     Centrera

         Centrera

         Centrera

Center align

<p style="text-align: center;">Text i mitten 

Text i mitten

Keyboard

<kbd>Ctrl</kbd> + <kbd>F</kbd>

Ctrl + F

Embed video

Local source

<video src="imgburn.mp4" width="100%" height="100%" controls></video>

Interwebz source

<iframe width="100%" height="100%"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>  

[!NOTE]
height="100%" width="100%" doesn't work in mdBook, so I've changed to width="100%" height="420px" below.