１．見出し <htag>
デフォルトの見出しの < h Tag> は、以下の通り。
2. 挿入したYoutubeの中央寄せ
子テーマのCSSに以下を追加。
.video-container {
margin: 0px auto;
}
margin: 0px auto;
}
<html>
<div class="BlogCard">
<div class="box7"><a href="http://uslife.mossymob.net/app/dltest/ca/catest/main">
<img class="BlogImg alignleft" src="http://uslife.mossymob.net/posts/wp-content/uploads/2020/02/CA_testapp_top-300x283.png" alt="" width="160" height="80" /></a><strong>Online カリフォルニア州筆記試験模擬アプリ</strong>
<span class="fz-14px">カリフォルニア州の筆記試験問題アプリを作ってみました。本番と同じように、１回につき25問が出題されます。 問題のページのHintボタンをクリックすると、CA州の公式 Driver Manualの該当箇所の英語の記述も見れます。試してみてくださいね。</span><span class="fz-14px" style="border: solid 1px red; width: 100%; height: 120; padding: 0.5em 1em;"><a href="http://uslife.mossymob.net/app/dltest/ca/catest/main">試してみる</a></span></div>
</div>
<div style="clear: both;"></div>
<CSS>
.BlogCard {border: solid 3px #aaaaaa; padding: 0.5em 0.5em 0.5em 0.5em;} /*「上」・「右」・「下」・「左」の余白を指定*/
.BlogImg{border: solid 1px blue;
float: left;
margin-bottom: 1px;
margin-right: 1px;}
.BlogCard_content {border: solid 1px;font-size: 12px; padding: 0.5em 1em;}
.BlogCard_url {font-size: 12px; border: solid 3px #aaaaaa;}
.box7{
padding: 0em 1em 0em 1em; /*「上」・「右」・「下」・「左」の余白を指定*/
color: #474747;
background: whitesmoke;/*背景色*/
border-left: double 7px #4ec4d3;/*左線*/
border-right: double 7px #4ec4d3;/*右線*/
}
0 件のコメント:
コメントを投稿