テンプレート

FontAwesome 4　html変換　翻訳

<!-- テキスト -->
<style>
.txt {width: 100%;max-width: 900px;margin: 20px auto;font-size: 1rem;line-height: 1.8;letter-spacing: 0.02rem;color: #333;
text-align: justify;text-justify: inter-ideograph;text-justify: inter-character;
word-break: break-all;word-wrap: break-word;overflow-wrap: break-word;}
@media print, screen and (max-width: 750px){
.txt {width: 90%;}
}
</style>
<p class="txt">テキスト</p>

<!-- テーブル -->
<style>
.tbl1 {width: 90%;max-width: 800px;margin: 20px auto;}
.tbl1 th, .tbl1 td {margin: 0;padding: 10px;vertical-align: top;word-wrap: break-word;border: 1px solid #777;
font-size: .9rem;letter-spacing: 0.1rem;line-height: 1.3;font-weight: normal;text-align: left;}
.tbl1 th {background-color: #eee;}
@media print, screen and (max-width: 750px) {
.tbl1 {width: 96%;border-bottom: 1px solid #777;}
.tbl1 th, .tbl1 td {width: 100%;display: block;border-bottom: none;}
}
</style>
<table class="tbl1">
<tr><th>項目</th><td>内容が入ります。</td></tr>
<tr><th>項目</th><td>内容が入ります。</td></tr>
</table>