Inline code block example

  • HTML

  • Javascript

  • CSS

  • Markdown

  • Plain text

heading 1

heading 2

heading 3

bold

italic

monospace

  1. list 1

  2. list 2

  • unordered list 1

  • unordered list 2

HTML code block

<div class="container">
    <div class="col"><span class="rotate rotate-up">ABC</span></div>
    <div class="content"><article>Main Content</article></div>
    <div class="col"><span class="rotate rotate-down">ABC</span></div>
</div>

Javascript

return next.handle(req).pipe(
  // There may be other events besides the response.
  filter(event => event instanceof HttpResponse),
  tap((event: HttpResponse<any>) => {
    cache.set(req.urlWithParams, {
      key: req.urlWithParams,
      body: event.body,
      dateAdded: Date.now(),
    });
  })
);

CSS

.rotate {
    position: absolute;
    top: 50%;
    left: 50%;
}

.rotate-up {
    transform: translateX(-50%) translateY(-50%) rotate(-90deg)
}

.rotate-down {
    transform: translateX(-50%) translateY(-50%) rotate(90deg)
}

Embeded Github Gist

Next

Blog Post Title Two