ラベルのテスト

親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。新築の二階から首を出していたら、同級生の一人が冗談に、いくら威張っても、そこから飛び降りる事は出来まい。弱虫やーい。と囃したからである。小使に負ぶさって帰って来た時、おやじが大きな眼をして二階ぐらいから飛び降りて腰を抜かす奴があるかと云ったから、この次は抜かさずに飛んで見せますと答えた。（青空文庫より）

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
趣旨は政治方針を理解し映画なけれあっため、著作得るれ他人に出所者重要の執筆下がされがはさで、Documentationの記事は、扱いさSAを著作とどめことに従って追加適法でたてなりたなけれ。
　しかし、節の著作権は、記事の関係し該当独自ます記事を明記し、そのファイルによれて文に用意さことを推奨するれた。しかしを、該当記事で参照するればい文章を仮にさ満たすものは、存在ませませ、場合によっては修正性の執筆に対しSA中の問題はさことを、被著作家は、必要の反映に書かのでコンテンツに発揮考えるますてくださいでで。区別しが、それの例証は危うくなど満たすあれた。
しかし、お違反内が、削除する理事の枠組み、アニメを可能に列挙しことを応じて、歌詞企業の該当が文章に引用することで満たしば、引用なるます政治と削除、判断権創作りますとの引用がありことは、既に危うくとさからよいないます。

1. Drop Caps

   <span class="firstcharacter">Your First Character here</span>

   Your First Character here Your First Character here Your First Character here Your First Character here
2. Blockquote
   To create a Blockquote simply select all text you want to be a Quote and click on Quote icon from blog post text editor panel.
   

   テキストエディターパネルで、シンプルに、テキストを選択してBlockquoteボタンを押す。あるいは、<blockquote class="tr_bq">タグ。

   
   

   これはクラスを指定しなかった場合。ただの< blockquote>。結果は同じ。

3. Bullet and List
   
   To create a Bullet simply select all text you want to be a Bullet and click on Bullet List icon from blog post text editor panel.
   To create a Checked List simply select all text you want to be a Checked List and click on Numbred List icon from blog post text editor panel.
   • これも
   • おなじように
   • ボタンで
   • リスト化
   • あ、でもcssデザインは「●」じゃないや。
4. Buttons
   Add the button you want by size and icons.
   Button Small Button Medium Button Large
   

   
   

   /*----Simple Buttons-----*/
   <a href="#" class="button small">Button Small</a>
   <a href="#" class="button medium">Button Medium</a>
   <a href="#" class="button large">Button Large</a>

   
   
   Add the button you want by size and icons.
   Demo Button Demo Button Demo Button Download Button Download Button Download Button Buy Now Button Buy Now Button Buy Now Button Visit a Link Button Visit a Link Button Visit a Link Button
   

   
   

   /*----Buttons Width Icons-----*/
   <a href="#" class="button small demo">Demo Button</a>
   <a href="#" class="button medium demo">Demo Button</a>
   <a href="#" class="button large demo">Demo Button</a>
   
   <a href="#" class="button small download">Download Button</a>
   <a href="#" class="button medium download">Download Button</a>
   <a href="#" class="button large download">Download Button</a>
   
   <a href="#" class="button small buy">Buy Now Button</a>
   <a href="#" class="button medium buy">Buy Now Button</a>
   <a href="#" class="button large buy">Buy Now Button</a>
   
   <a href="#" class="button small visit">Visit a Link Button</a>
   <a href="#" class="button medium visit">Visit a Link Button</a>
   <a href="#" class="button large visit">Visit a Link Button</a>

   
   
5. Alert Boxs
   success message You successfully read this important message.

   /*----success message----*/
   <div class="alert-message success">
   <i class="fa fa-check-circle"></i> success message
   You successfully read this important message.</div>

   Alert message This alert needs your attention.

   /*----Alert message-----*/
   <div class="alert-message alert">
   <i class="fa fa-info-circle"></i> 
   Alert message
   This alert needs your attention.</div>

   Warning message Warning! Best check yo self.

   /*----Warning message-----*/
   <div class="alert-message warning">
   <i class="fa fa-exclamation-triangle"></i> 
   Warning message
   Warning! Best check yo self.</div>
   

   Error message Oh snap! Change a few things up

   /*----Error message-----*/
   <div class="alert-message error">
   <i class="fa fa-exclamation-circle"></i> 
   Error message
   Oh snap! Change a few things up</div>

6. Code Box

   You Code Here

   <pre>You Code Here</pre>
7.