君がため、

source
すべて自動改行しない設定。
拍手タグが一部全角になっております。お手数ですが半角に直してからご利用ください。

head(共通)
<link href="http://fonts.googleapis.com/css?family=Abel" rel="stylesheet" type="text/css"><style type="text/css"> @font-face {font-family: はれのそら明朝; src: url('https://cdn.leafscape.be/Harenosora/harenosora_web.woff2') format("woff2");} body{background:#FFF; line-height: 23px; font-size: 12px; letter-spacing: 2px; font-family: 'Abel','メイリオ', sans-serif; font-weight:100;} a{text-decoration:none; color:#000;} a:hover{color:#F4A7B9;} #title{color:#C0C0C0; text-align:center; font-weight: bold; font-size:30px; margin:0; padding:0;} h1 {overflow: hidden; text-align: center; font-size:10px; color:#c00024;} h1 span {position: relative; display: inline-block; margin: 0 2.5em; padding: 0 1em; text-align: left;} h1 span::before, h1 span::after {position: absolute; top: 50%; content: ''; width: 400%; height: 1px; background-color: #c00024;} h1 span::before {right: 100%;} h1 span::after {left: 100%;} #menu{color:#58B2DC; text-align: center;} #menu a{color:#58B2DC; font-weight: bold; text-decoration:none; background:#FFF; padding: 1px 5px 1px 5px; border-radius: 15px; border: 1px solid #33A6B8; -webkit-transition: 0.7s; -moz-transition: 0.7s; -o-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;} #menu a:hover{color:#FFF; background: #F4A7B9; text-decoration:none; padding: 1px 5px 1px 5px; border-radius: 10px; border: 1px solid #F4A7B9;} input[type],textarea{font-size:10px; font-family:font-family: 'Alegreya Sans SC', sans-serif,メイリオ,Meiryo; padding:8px; height:3em; color: #efefef; background:#333; border:#333 solid 1px; border-radius:2px; letter-spacing:1.7px; box-shadow: none; text-shadow: none; vertical-align:middle; outline:none;} input[type=text]{margin-right:5px; width:80px;} input[type=submit]{margin-left:2px;margin-top:-0.7px;width: auto;} textarea{width:70%;} ::selection {background: #333; color: #8da0b6;} ::-moz-selection {background: #333; color: #8da0b6;} strong{font-weight:normal;border-bottom:1px solid #C00024;} h2{color:#58B2DC; font-size:12px;} h2 span{font-size:12px; font-weight: bold; text-decoration:none; background:#FFF; padding: 1px 5px 1px 5px; border-radius: 15px; border: 1px solid #33A6B8; -webkit-transition: 0.7s; -moz-transition: 0.7s; -o-transition: 0.7s; -ms-transition: 0.7s; transition: 0.7s;} #info{color:#000; font-weight:400; text-align: left;} #info a{color:#58B2DC; font-weight:bold; text-decoration:none;} #info a:hover{color:#F4A7B9; text-decoration:none;} .all{ text-align: center; width: 300px; margin:auto; margin-top: 60px; } </style>

top
<div class="all"> <div id="title">SITE TITLE</div> <h1><span>http://○○○.jp/○○○/</span></h1> <br> <div id="menu"> <a href="#">about</a> <a href="#">0123</a> <a href="#">main</a> </div><br> master:名前 (<a href="#">memo</a> <a href="#">res</a>) <div style="display:inline-flex"> <form action=""><textarea style="width:20em;height:3em;"> 〈/textarea></form> <input type="submit" value="〒"></form></div> <br><br> <a href="#">rank</a> <a href="#">rank</a> <a href="#">rank</a> 12345 </div></div>

about
<div class="all"> <div id="info"> <h2><span>first</span></h2> サイトの説明とか。 <br><br> <h2><span>bkm</span></h2> LOVE <a href="">サイト名</a> <a href="">サイト名</a> <a href="">サイト名</a> <br> QQQ <a href="">サイト名</a> <a href="">サイト名</a> <a href="">サイト名</a> <a href="">サイト名</a> <br> GOOD NIGHT <a href="">サイト名</a> <br><br> <h2><span>link</span></h2> <strong>同業者様のみ</strong>(アン)リンクフリー。 <br> <form action="#"><textarea style="width:20em;height:2.5em;"> <a href="#">サイト名</a> 〈/textarea></form> </div><br> <a href="javascript:window.open('about:blank','_self').close();">BACK</a> <br> </div>

君がため、

http://○○○.jp/○○○/

first

君がため、pan>bkm

link

source