「左寄せ・右寄せ」コンテンツのスタイルガイド

<!-- wp:heading -->
<h2>画像ブロック</h2>
<!-- /wp:heading -->

<!-- wp:image {"align":"left","width":250,"height":188,"sizeSlug":"large"} -->
<div class="wp-block-image"><figure class="alignleft size-large is-resized"><img src="https://s.w.org/images/core/5.3/MtBlanc1.jpg" alt="" width="250" height="188"/><figcaption>左寄せした画像ブロック</figcaption></figure></div>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>画像ブロックについては、標準的な挙動となります。<br>floatが適用されるため、テキストの回り込みに使用できます。<br><code>u-cf</code>というクラスをブロックに適用すると、その位置でfloatは解除されます。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","className":"u-cf","style":{"color":{"background":"#fff9ef"}}} -->
<p class="has-text-align-center u-cf has-background" style="background-color:#fff9ef">このブロックには <code>u-cf</code>クラスを付けてfloatを解除しています。</p>
<!-- /wp:paragraph -->

<!-- wp:image {"align":"right","width":125,"height":94,"sizeSlug":"large"} -->
<div class="wp-block-image"><figure class="alignright size-large is-resized"><img src="https://s.w.org/images/core/5.3/MtBlanc1.jpg" alt="" width="125" height="94"/></figure></div>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>右寄せも同様ですが、ここでは文章が長い場合の例をお見せします。〜ダミーテキスト〜方針はDocumentation百科に引用あり場ないない一方、保護いいれ下を運用権有力の説明字でありれては受けるませ、権利のフェアは、引用さ文章で関係しことに対する保護独自ないあれているならです。<br>または、対象の.版は、条件の判断でき公表自由ないフリーを関係生じる、その作品にするが記事が前記作らことが判断あるれるあれ。またはで、執筆メディアで表示ありれるておく複数に仮にし扱うものは、利用なくない、一部に対しても投稿者の策定として原則上の問題もしことを、本要約法は、フリーの利用とするがLicenseが著作しますばいるますです。執筆満たさと、これの編集はないなどならないん。あるいは、主著作権に、確認さ書籍のライセンス、制度に必要に侵害置いことによれば、人格フリーの執筆へ理事に許諾するものができるて、紛争いいで本文を侵害、規定物抜粋んますとの要約とする下は、既に厳しいとできてよいたます。また時には、違反要件を転載しられるている記事が決して注意満たす、実況上で著作することとして、映画のプロジェクトによる要件の理解を著しく編集係ることをしで。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","className":"u-cf","style":{"color":{"background":"#fff9ef"}}} -->
<p class="has-text-align-center u-cf has-background" style="background-color:#fff9ef">このブロックには <code>u-cf</code>クラスを付けてfloatを解除しています。</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"className":"is-style-dots u-cf"} -->
<hr class="wp-block-separator is-style-dots u-cf"/>
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">以下、<strong>float 解除はドット区切り線</strong>の位置で行っています。</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"className":"is-style-dots u-cf"} -->
<hr class="wp-block-separator is-style-dots u-cf"/>
<!-- /wp:separator -->

<!-- wp:heading -->
<h2>動画ブロック</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>動画ブロックも標準的な挙動のままです。<br>画像ブロックにはコア側で余白の調節などがされていますが、<strong>動画ブロックでは余白の調節はされていない</strong>ようです。（WordPress 5.6 現在）</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>動画を左右寄せにすることはほぼない（メディアと文章ブロックがある）ので、テーマ側でも特別な対応はしていません。</p>
<!-- /wp:paragraph -->

<!-- wp:video {"id":968,"align":"left"} -->
<figure class="wp-block-video alignleft"><video controls preload="none" src="https://arkhe-theme.com/ja/wp-content/uploads/2020/12/Sky-37697_240x.mp4"></video></figure>
<!-- /wp:video -->

<!-- wp:paragraph -->
<p>ダミーテキスト〜ダミーテキスト〜方針はDocumentation百科に引用あり場ないない一方、保護いいれ下を運用権有力の説明字でありれては受けるませ、権利のフェアは、引用さ文章で関係しことに対する保護独自ないあれているならです。<br>または、対象の.版は、条件の判断でき公表自由ないフリーを関係生じる、その作品にするが記事が前記作らことが判断あるれるあれ。またはで、執筆メディアで表示ありれるておく複数に仮にし扱うものは、利用なくない、一部に対しても投稿者の策定として原則上の問題もしことを、本要約法は、フリーの利用とするがLicenseが著作しますばいるますです。執筆満たさと、これの編集はないなどならないん。あるいは、主著作権に、確認さ書籍のライセンス、制度に必要に侵害置いことによれば、人格フリーの執筆へ理事に許諾するものができるて、紛争いいで本文を侵害、規定物抜粋んますとの要約とする下は、既に厳しいとできてよいたます。また時には、違反要件を転載しられるている記事が決して注意満たす、実況上で著作することとして、映画のプロジェクトによる要件の理解を著しく編集係ることをしで。</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"className":"is-style-dots u-cf"} -->
<hr class="wp-block-separator is-style-dots u-cf"/>
<!-- /wp:separator -->

<!-- wp:arkhe-blocks/notice {"type":"memo","icon":"arkb-svg-pen","className":"is-style-simple"} -->
<div class="ark-block-notice -memo is-style-simple"><div class="ark-block-notice__head"><svg class="arkb-svg arkb-svg-pen ark-block-notice__icon" viewbox="0 0 40 40" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M38,36.2L38,36.2c0,0.6-0.4,1-1,1H15c-0.6,0-1-0.4-1-1l0,0c0-0.6,0.4-1,1-1h22C37.6,35.2,38,35.6,38,36.2z M24.1,11.2 L15.2,6l1.7-2.9c0.5-0.8,2.8-0.3,5.3,1.1s4.1,3.3,3.6,4.1L24.1,11.2L24.1,11.2z M23.1,12.8L12,32.1l-1,1.7l0,0 c-0.1,0.2-0.2,0.3-0.4,0.4l-4.3,1.9l-2.3,1c-0.3,0.1-0.5,0.1-0.8,0.1C3.1,37.1,3,37,2.9,36.9c0-0.1-0.1-0.3-0.1-0.4l-0.1-0.7L2.5,34 l-0.1-1.1L2,29.3c0-0.2,0-0.3,0.1-0.5l0,0v-0.1l1-1.7L14.2,7.8L23.1,12.8z M9.9,33l0.7-1c-0.6-0.7-1.4-1.4-2.5-2.1L7,29.3 c-1.1-0.6-2.2-1-3-1.1l-0.6,1l0.2,2.7c0.7,0.3,1.3,0.6,2,1c0.6,0.3,1.2,0.8,1.8,1.2L9.9,33L9.9,33z"></path></svg></div><div class="ark-block-notice__body ark-keep-mt--s"><!-- wp:paragraph -->
<p>また、動画ブロックはサイズの調整ができないので、小さいサイズのものを用意しないと上記のようにテキストを回り込みさせることはできないことにも注意してください。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:arkhe-blocks/notice -->

<!-- wp:heading -->
<h2>ボタンブロック</h2>
<!-- /wp:heading -->

<!-- wp:arkhe-blocks/notice -->
<div class="ark-block-notice -point"><div class="ark-block-notice__head"><svg class="arkb-svg arkb-svg-point ark-block-notice__icon" viewbox="0 0 40 40" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg"><g><path d="M25.5,34.8h-11c-0.3,0-0.5-0.2-0.5-0.5v-1c0-0.3,0.2-0.5,0.5-0.5h11c0.3,0,0.5,0.2,0.5,0.5v1C26,34.6,25.8,34.8,25.5,34.8z"></path><path d="M23.5,37.8h-7c-0.6,0-1-0.4-1-1v-0.5c0-0.3,0.2-0.5,0.5-0.5h8c0.3,0,0.5,0.2,0.5,0.5v0.5C24.5,37.4,24.1,37.8,23.5,37.8z"></path><path d="M19.3,2.2C12.4,2.5,6.7,8,6.1,14.9c-0.5,6,2.8,11.3,7.7,13.8c0.2,0.1,0.3,0.3,0.3,0.4v2c0,0.3,0.2,0.5,0.5,0.5h11 c0.3,0,0.5-0.2,0.5-0.5v-2.1c0-0.2,0.1-0.4,0.3-0.4c4.6-2.3,7.7-7,7.7-12.5C34,8.2,27.4,1.8,19.3,2.2z M20.3,6.8 c-5.2,0-9.5,4.3-9.5,9.5c0,0.6-0.5,1.2-1.2,1.2S8.5,17,8.5,16.3c0-6.5,5.3-11.8,11.8-11.8c0.6,0,1.2,0.5,1.2,1.2 C21.5,6.3,21,6.8,20.3,6.8z"></path></g></svg><span class="ark-block-notice__title">Arkheでの仕様</span></div><div class="ark-block-notice__body ark-keep-mt--s"><!-- wp:paragraph -->
<p>親ブロック（<code>core/buttons</code>）の float効果は廃止し、内部の並びを flexbox で左寄せ・右寄せになるような調整を加えています。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:arkhe-blocks/notice -->

<!-- wp:buttons {"align":"left"} -->
<div class="wp-block-buttons alignleft"><!-- wp:button {"gradient":"luminous-vivid-amber-to-luminous-vivid-orange"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background has-background" href="###">ボタンブロック</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"vivid-cyan-blue","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-vivid-cyan-blue-color has-text-color" href="###">アウトライン</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:buttons {"align":"center"} -->
<div class="wp-block-buttons aligncenter"><!-- wp:button {"gradient":"luminous-vivid-amber-to-luminous-vivid-orange"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background has-background" href="###">ボタンブロック</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"vivid-cyan-blue","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-vivid-cyan-blue-color has-text-color" href="###">アウトライン</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:buttons {"align":"right"} -->
<div class="wp-block-buttons alignright"><!-- wp:button {"gradient":"luminous-vivid-amber-to-luminous-vivid-orange"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background has-background" href="###">ボタンブロック</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"vivid-cyan-blue","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-vivid-cyan-blue-color has-text-color" href="###">アウトライン</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:heading -->
<h2>プルクォートブロック</h2>
<!-- /wp:heading -->

<!-- wp:arkhe-blocks/notice -->
<div class="ark-block-notice -point"><div class="ark-block-notice__head"><svg class="arkb-svg arkb-svg-point ark-block-notice__icon" viewbox="0 0 40 40" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg"><g><path d="M25.5,34.8h-11c-0.3,0-0.5-0.2-0.5-0.5v-1c0-0.3,0.2-0.5,0.5-0.5h11c0.3,0,0.5,0.2,0.5,0.5v1C26,34.6,25.8,34.8,25.5,34.8z"></path><path d="M23.5,37.8h-7c-0.6,0-1-0.4-1-1v-0.5c0-0.3,0.2-0.5,0.5-0.5h8c0.3,0,0.5,0.2,0.5,0.5v0.5C24.5,37.4,24.1,37.8,23.5,37.8z"></path><path d="M19.3,2.2C12.4,2.5,6.7,8,6.1,14.9c-0.5,6,2.8,11.3,7.7,13.8c0.2,0.1,0.3,0.3,0.3,0.4v2c0,0.3,0.2,0.5,0.5,0.5h11 c0.3,0,0.5-0.2,0.5-0.5v-2.1c0-0.2,0.1-0.4,0.3-0.4c4.6-2.3,7.7-7,7.7-12.5C34,8.2,27.4,1.8,19.3,2.2z M20.3,6.8 c-5.2,0-9.5,4.3-9.5,9.5c0,0.6-0.5,1.2-1.2,1.2S8.5,17,8.5,16.3c0-6.5,5.3-11.8,11.8-11.8c0.6,0,1.2,0.5,1.2,1.2 C21.5,6.3,21,6.8,20.3,6.8z"></path></g></svg><span class="ark-block-notice__title">Arkheでの仕様</span></div><div class="ark-block-notice__body ark-keep-mt--s"><!-- wp:paragraph -->
<p>float効果は廃止し、内部のテキストが左寄せ・右寄せになるような調整を加えています。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:arkhe-blocks/notice -->

<!-- wp:pullquote {"align":"left","className":"is-style-default"} -->
<figure class="wp-block-pullquote alignleft is-style-default"><blockquote><p>プルクォート：左寄せ</p><cite>引用元の表記</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:pullquote {"align":"right","className":"is-style-default"} -->
<figure class="wp-block-pullquote alignright is-style-default"><blockquote><p>プルクォート：右寄せ</p><cite>引用元の表記</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:heading -->
<h2>カバーブロック ＆ ギャラリーブロック</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>こちらも、基本デフォルトのままです。コアのCSSにより、<code>max-width: 290px;</code>になります。</p>
<!-- /wp:paragraph -->

<!-- wp:cover {"minHeight":200,"gradient":"vivid-cyan-blue-to-vivid-purple","align":"left"} -->
<div class="wp-block-cover alignleft has-background-dim has-background-gradient has-vivid-cyan-blue-to-vivid-purple-gradient-background" style="min-height:200px"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"タイトルを入力...","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size">背景画像なし</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:separator {"className":"is-style-dots u-cf"} -->
<hr class="wp-block-separator is-style-dots u-cf"/>
<!-- /wp:separator -->

<!-- wp:cover {"url":"http://wp56.local/wp-content/uploads/2020/11/8wz1Q4Q_XAg.jpg","id":2124,"overlayColor":"black","minHeight":200,"minHeightUnit":"px","align":"right"} -->
<div class="wp-block-cover alignright has-black-background-color has-background-dim" style="background-image:url(http://wp56.local/wp-content/uploads/2020/11/8wz1Q4Q_XAg.jpg);min-height:200px"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"タイトルを入力...","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size">背景画像あり</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:separator {"className":"is-style-dots u-cf"} -->
<hr class="wp-block-separator is-style-dots u-cf"/>
<!-- /wp:separator -->

<!-- wp:gallery {"ids":[15,14,10],"columns":2,"linkTo":"none","align":"left"} -->
<figure class="wp-block-gallery alignleft columns-2 is-cropped"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><img src="https://arkhe-theme.com/ja/wp-content/uploads/2020/09/photo-1479981280584-037818c1297d-300x200.jpeg" alt="" data-id="15" data-full-url="https://arkhe-theme.com/ja/wp-content/uploads/2020/09/photo-1479981280584-037818c1297d.jpeg" data-link="https://arkhe-theme.com/ja/photo-1479981280584-037818c1297d/" class="wp-image-15"/><figcaption class="blocks-gallery-item__caption">キャプション</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://arkhe-theme.com/ja/wp-content/uploads/2020/09/photo-1459111701074-c0ee7842cccb-300x200.jpeg" alt="" data-id="14" data-full-url="https://arkhe-theme.com/ja/wp-content/uploads/2020/09/photo-1459111701074-c0ee7842cccb.jpeg" data-link="https://arkhe-theme.com/ja/photo-1459111701074-c0ee7842cccb/" class="wp-image-14"/><figcaption class="blocks-gallery-item__caption">キャプション</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://arkhe-theme.com/ja/wp-content/uploads/2020/09/8wz1Q4Q_XAg-300x200.jpg" alt="" data-id="10" data-full-url="https://arkhe-theme.com/ja/wp-content/uploads/2020/09/8wz1Q4Q_XAg.jpg" data-link="https://arkhe-theme.com/ja/8wz1q4q_xag/" class="wp-image-10"/><figcaption class="blocks-gallery-item__caption">キャプション</figcaption></figure></li></ul></figure>
<!-- /wp:gallery -->

<!-- wp:separator {"className":"is-style-dots u-cf"} -->
<hr class="wp-block-separator is-style-dots u-cf"/>
<!-- /wp:separator -->

<!-- wp:gallery {"ids":[15,14,10],"columns":2,"linkTo":"none","align":"right"} -->
<figure class="wp-block-gallery alignright columns-2 is-cropped"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><img src="https://arkhe-theme.com/ja/wp-content/uploads/2020/09/photo-1479981280584-037818c1297d-300x200.jpeg" alt="" data-id="15" data-full-url="https://arkhe-theme.com/ja/wp-content/uploads/2020/09/photo-1479981280584-037818c1297d.jpeg" data-link="https://arkhe-theme.com/ja/photo-1479981280584-037818c1297d/" class="wp-image-15"/><figcaption class="blocks-gallery-item__caption">キャプション</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://arkhe-theme.com/ja/wp-content/uploads/2020/09/photo-1459111701074-c0ee7842cccb-300x200.jpeg" alt="" data-id="14" data-full-url="https://arkhe-theme.com/ja/wp-content/uploads/2020/09/photo-1459111701074-c0ee7842cccb.jpeg" data-link="https://arkhe-theme.com/ja/photo-1459111701074-c0ee7842cccb/" class="wp-image-14"/><figcaption class="blocks-gallery-item__caption">キャプション</figcaption></figure></li><li class="blocks-gallery-item"><figure><img src="https://arkhe-theme.com/ja/wp-content/uploads/2020/09/8wz1Q4Q_XAg-300x200.jpg" alt="" data-id="10" data-full-url="https://arkhe-theme.com/ja/wp-content/uploads/2020/09/8wz1Q4Q_XAg.jpg" data-link="https://arkhe-theme.com/ja/8wz1q4q_xag/" class="wp-image-10"/><figcaption class="blocks-gallery-item__caption">キャプション</figcaption></figure></li></ul></figure>
<!-- /wp:gallery -->

<!-- wp:separator {"className":"is-style-dots u-cf"} -->
<hr class="wp-block-separator is-style-dots u-cf"/>
<!-- /wp:separator -->

<!-- wp:heading -->
<h2>音声ブロック＆ファイルブロック</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>これらも、デフォルトのままです。</p>
<!-- /wp:paragraph -->

<!-- wp:audio {"align":"left"} -->
<figure class="wp-block-audio alignleft"><audio controls src="https://classical-sound.up.seesaa.net/image/Beethoven-PianoSonata-No8-2nd-2020-AR.mp3"></audio><figcaption>ベートーヴェン：ピアノソナタ 第8番 ハ短調 Op.13 「悲愴」 第2楽章</figcaption></figure>
<!-- /wp:audio -->

<!-- wp:separator {"className":"is-style-dots u-cf"} -->
<hr class="wp-block-separator is-style-dots u-cf"/>
<!-- /wp:separator -->

<!-- wp:file {"id":605,"href":"https://arkhe-theme.com/ja/wp-content/uploads/2020/11/arkhe-favicon.png","align":"right"} -->
<div class="wp-block-file alignright"><a href="https://arkhe-theme.com/ja/wp-content/uploads/2020/11/arkhe-favicon.png">arkhe-favicon.png</a><a href="https://arkhe-theme.com/ja/wp-content/uploads/2020/11/arkhe-favicon.png" class="wp-block-file__button" download>ダウンロード</a></div>
<!-- /wp:file -->

<!-- wp:separator {"className":"is-style-dots u-cf"} -->
<hr class="wp-block-separator is-style-dots u-cf"/>
<!-- /wp:separator -->

<!-- wp:heading -->
<h2>テーブルブロック</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>こちらも、とりあえずデフォルトのままです。<br>（<strong>テーブルをfloatさせるケース</strong>に遭遇したことがなく、正直なぜテーブルでこの設定が使えるのか不明です...。）</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"className":"is-style-dots u-cf"} -->
<hr class="wp-block-separator is-style-dots u-cf"/>
<!-- /wp:separator -->

<!-- wp:table {"align":"left"} -->
<figure class="wp-block-table alignleft"><table><tbody><tr><td>テーブル</td><td>テーブルテーブル</td></tr><tr><td>テーブル</td><td>テーブルテーブル</td></tr></tbody></table><figcaption>テーブル</figcaption></figure>
<!-- /wp:table -->

<!-- wp:paragraph -->
<p>ダミーテキスト – 親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。なぜそんな無闇をしたと聞く人があるかも知れぬ。</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"className":"is-style-dots u-cf"} -->
<hr class="wp-block-separator is-style-dots u-cf"/>
<!-- /wp:separator -->

<!-- wp:paragraph -->
<p>ちなみに、「<strong>カラム内のテキストを右寄せにしたい時</strong>」には、「<strong>カラムの配置を変更</strong>」ボタンでその列ごとにテキスト位置を設定できるようになっています。</p>
<!-- /wp:paragraph -->

<!-- wp:table -->
<figure class="wp-block-table"><table><tbody><tr><td class="has-text-align-right" data-align="right">テーブル</td><td class="has-text-align-right" data-align="right">テーブルテーブル</td></tr><tr><td class="has-text-align-right" data-align="right">テーブル</td><td class="has-text-align-right" data-align="right">テーブルテーブル</td></tr></tbody></table><figcaption>こんな感じ</figcaption></figure>
<!-- /wp:table -->

<!-- wp:arkhe-blocks/notice {"type":"memo","icon":"arkb-svg-pen","className":"is-style-simple"} -->
<div class="ark-block-notice -memo is-style-simple"><div class="ark-block-notice__head"><svg class="arkb-svg arkb-svg-pen ark-block-notice__icon" viewbox="0 0 40 40" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg"><path d="M38,36.2L38,36.2c0,0.6-0.4,1-1,1H15c-0.6,0-1-0.4-1-1l0,0c0-0.6,0.4-1,1-1h22C37.6,35.2,38,35.6,38,36.2z M24.1,11.2 L15.2,6l1.7-2.9c0.5-0.8,2.8-0.3,5.3,1.1s4.1,3.3,3.6,4.1L24.1,11.2L24.1,11.2z M23.1,12.8L12,32.1l-1,1.7l0,0 c-0.1,0.2-0.2,0.3-0.4,0.4l-4.3,1.9l-2.3,1c-0.3,0.1-0.5,0.1-0.8,0.1C3.1,37.1,3,37,2.9,36.9c0-0.1-0.1-0.3-0.1-0.4l-0.1-0.7L2.5,34 l-0.1-1.1L2,29.3c0-0.2,0-0.3,0.1-0.5l0,0v-0.1l1-1.7L14.2,7.8L23.1,12.8z M9.9,33l0.7-1c-0.6-0.7-1.4-1.4-2.5-2.1L7,29.3 c-1.1-0.6-2.2-1-3-1.1l-0.6,1l0.2,2.7c0.7,0.3,1.3,0.6,2,1c0.6,0.3,1.2,0.8,1.8,1.2L9.9,33L9.9,33z"></path></svg></div><div class="ark-block-notice__body ark-keep-mt--s"><!-- wp:paragraph -->
<p>この機能と間違えて、float用の「右寄せ」などを使ってしまった時に、ミスっていることがわかりやすいように、ということもふまえてfloatの効果を変に打ち消したりはしていません。</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:arkhe-blocks/notice -->