JSFiddle - React, Tailwind, and code Playground

by oti ext

HTML

<a href="http://dskd.jp" class="test1">
    <time class="timestamp">明日</time>
    <p class="tag">タグ,タグ,タグ</p>
    <h1 class="heading">見出し見出し</h1>
</a>

<hr>

<div class="test2">
    <time class="timestamp">明日</time>
    <p class="tag">タグ,タグ,タグ</p>
    <h1 class="heading">見出し見出し</h1>
</div>

<hr>

<div class="test3">
    <time class="timestamp">明日</time>
    <p class="tag">タグ,タグ,タグ</p>
    <h1 class="heading">見出し見出し</h1>
</div>

<hr>

<div class="test4">
    <time class="timestamp">明日</time>
    <p class="tag">タグ,タグ,タグ</p>
    <h1 class="heading">見出し見出し</h1>
</div>

CSS

.timestamp {
    float: left;
}

.test2 {
    text-decoration: underline;
}

.test3 {
    text-decoration: line-through;
}

.test4 {
    text-decoration: overline;
}