#006:タイトルと本文のみ&中央配置&テキスト左揃え

ブラウザで確認する

スポンサーリンク

HTMLをコピーする

下記ソースをコピーする

<div id="luck-0000006" class="luck-0000006">
    <h2 class="luck-0000006-title">#006:たとえば、ページ丸々もお願いできる?</h2>
    <div class="text">
        <p>はい、可能です。ですが、時間は掛かると思います。これまでの経験から一般的な分量の1ページ(LPも含む)であれば、1日ないしは2日で完成します。ですが、仕事もあるので集中しきるのは難しいので、時間はもっと掛かるかもしれません。</p>
        <p>サイトへの投稿は基本的にブロック単位で投稿していきます。そして、最後にそれらをまとめた1ページを、アップする流れになると思います。</p>
        <p>また今考えている進め方は、1ブロック作成して、他の依頼の1ブロック作成して…というように順番に作成していく予定です。ただ、『依頼がある程度あれば』ですが(笑)。時間があればどんどん作成すると思います。
    <br>※制作スピードは早い方かなとは思います…</p>
    </div>
</div>

ブラウザで確認する

概要

  • 本文の一部として利用しやすい
  • シンプルなタイトル&テキスト
  • テキストのみなので読みやすい
  • 幅は1024px以上大きくならず、すっきりした印象になる

特徴

  • 幅は最大1024px
  • 中央にテキストを配置、テキスト自体は左揃え
  • レスポンシブに対応

CSSをダウンロードする

 CSSをダウンロードする

「style.css」をダウンロードしてから、ご自由にご利用ください。改変していただいても大丈夫ですし、商用で再利用していただいても構いません。

また、「style.css」は随時更新していきますが、本サイトで提供している全てのHTMLに対して共通で使えるようにしています。過去のHTMLのスタイルも記載されていますので「style.css」を上書きしても問題ありません。

ただし、念のため、過去にダウンロードした「style.css」は上書きする前にバックアップしておいてください。

ダウンロードできなかった人はこちらからダウンロードしてみてください。

画像について

画像は自分で撮った写真、作成した画像を使ったり、「ぱくたそ」さんの画像を利用させていただいています。

画像は必ず差し替えるか、または、ご自身で「ぱくたそ」さんからダウンロードの上ご利用ください。※画像が見つからない場合は僕が撮影したものかもしれません

どうぞよろしくお願いいたします。

HTMLファイルのベース

 HTMLのベースをダウンロードする
「style.css」は同一ファイル内に格納してください。

ダウンロードできない場合は下記をコピーしてご利用ください。

下記ソースをコピーする

<!DOCTYPE html>
<html lang="ja" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>タイトル</title>
<meta name="description" content="ページの説明文">
<link rel="stylesheet" href="style.css" media="all">
</head>

<body>
<!-- ここにコンテンツを貼り付けていきます -->
</body>

</html>