<article>
  <div class="js-stream-item-content item-box js-show-detail">
    <div class="js-tweet tweet">
      <header class="tweet-header">
        <time class="tweet-timestamp js-timestamp pull-right txt-mute">
          <a target="_blank" rel="url" href="https://twitter.com/TryMyAwesomeApp" class="txt-size-variable--12">now</a>
        </time>
        <a target="_blank" rel="user" href="https://twitter.com/TryMyAwesomeApp" class="account-link link-complex block">
          <div class="obj-left item-img tweet-img">
            <img width="48" height="48" alt="TryMyAwesomeApp's avatar" src="td://resources/images/logo.png" class="tweet-avatar avatar pull-right">
          </div>
          <div class="nbfc">
            <span class="account-inline txt-ellipsis">
              <b class="fullname link-complex-target">TweetDuck</b>
              <span class="username txt-mute">@TryMyAwesomeApp</span>
            </span>
          </div>
        </a>
      </header>
      <div class="tweet-body">
        <p class="js-tweet-text tweet-text">
          Here you can see the position and appearance of desktop notifications.<br><br>
          For location and size, you can pick a preset, or select <strong>Custom</strong> and then freely move or resize the window.<br><br>
          You can use the numbered lines below to test and adjust scroll speed:<br><br>
          01<br>
          02<br>
          03<br>
          04<br>
          05<br>
          06<br>
          07<br>
          08<br>
          09<br>
          10<br>
          11<br>
          12<br>
          13<br>
          14<br>
          15<br>
          16<br>
          17<br>
          18<br>
          19<br>
          20<br>
          21<br>
          22<br>
          23<br>
          24<br>
          25
        </p>
      </div>
    </div>
  </div>
</article>