INFORMATION

MEMO

TEXT

CLAP

BOOKMARK

特にページは考えていませんが、ここにも何か書けます。長文てすと、てすと、てすと、てすと。てすと。てすと。長文てすと、てすと、てすと、てすと。てすと。てすと。
HEAD
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale==1.0,maximum-scale=1.6,user-scalable=yes"> <style type="text/css"> body { font-size: 13px; font-family:sans-serif; text-align:left; } .all { padding: 1% 0px 0px 0px; line-height: 1.5em; } a { text-decoration: none; } a:hover { color: #ffffff; } h1{ color:#000000; font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; font-size:25px; line-height: 12px; } hr { color: #000000; width: 200px; border: none; border-bottom: 3px solid; text-align:left; } .box { width: 80%; padding:20px 0px 10px 0px; border-left: 65px solid #000000; } @media screen and (min-width: 600px) {.all { width:600px;}} @media screen and (max-width: 600px) {.all { width:auto; letter-spacing: -0.001em; padding: 10% 10px 0px 10px; text-align: justify; text-justify: inter-ideograph; }} </style>

BODY
<div class="all"><div class="box"></div><h1><a href="">INFORMATION</a></h1><h1><a href="">MEMO</a></h1><h1><a href="">TEXT</a></h1><h1><a href="">CLAP</a></h1><h1><a href="">BOOKMARK</a></h1>特にページは考えていませんが、ここにも何か書けます。長文てすと、てすと、てすと、てすと。てすと。てすと。長文てすと、てすと、てすと、てすと。てすと。てすと。</div>

文字色 : #000000 背景色 : #ffffff リンク色 : #000000