bootstrap_learning/0320_blockquote.html at master · akicho8/bootstrap_learning · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!-- blockquoteは本文をpで出典をsmallに入れる -->
<!DOCTYPE html>
<html lang="ja">
<html>
  <head>
    <meta charset="UTF-8" />
    <link href="assets/bootstrap.css" media="screen" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <div class="container">
      <blockquote>
        <p>時に僕たちは当てのないさすらいみたいな遠出がしたくなる。きっとそれは旅行ではなく旅といえばいいのだろう。もちろん偶然隣に座った女の子と友達になったりして、一緒に観光地をまわったり、名物を食べたり。そんな淡い下心もあって、とにかく僕はこの夏、「旅」とやらにでることにした。北海道から九州までの日本縦断。様々な期待に胸を膨らませ、僕は今1人発車のベルを待つ。そんなギャルゲー。</p>
        <small>ハイヤーグラウンド</small>
      </blockquote>
      <blockquote class="pull-right">
        <p>時に僕たちは当てのないさすらいみたいな遠出がしたくなる。きっとそれは旅行ではなく旅といえばいいのだろう。もちろん偶然隣に座った女の子と友達になったりして、一緒に観光地をまわったり、名物を食べたり。そんな淡い下心もあって、とにかく僕はこの夏、「旅」とやらにでることにした。北海道から九州までの日本縦断。様々な期待に胸を膨らませ、僕は今1人発車のベルを待つ。そんなギャルゲー。</p>
        <small>ハイヤーグラウンド</small>
      </blockquote>
    </div>
  </body>
</html>