index-flexbox.html

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>CSSの練習</title>
  <link rel="stylesheet" href="styles-flexbox.css">
</head>
<body>
  <header>
    <img src="img/logo.png" width="64" height="64">
    <nav>
      <ul>
        <li><a href="">Menu</a></li>
        <li><a href="">Menu</a></li>
        <li><a href="">Menu</a></li>
      </ul>
    </nav>
  </header>
  <section>
    <div class="pic">
      <img src="img/logo.png">
    </div>
    <div class="desc">
      <p>こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。</p>
    </div>
  </section>
  <section>
    <div class="pic">
      <img src="img/logo.png">
    </div>
    <div class="desc">
      <p>こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。</p>
    </div>
  </section>
  <section>
    <div class="pic">
      <img src="img/logo.png">
    </div>
    <div class="desc">
      <p>こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。</p>
    </div>
  </section>
  <section>
    <div class="pic">
      <img src="img/logo.png">
    </div>
    <div class="desc">
      <p>こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。</p>
    </div>
  </section>
  <section>
    <div class="pic">
      <img src="img/logo.png">
    </div>
    <div class="desc">
      <p>こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。こんにちは。</p>
    </div>
</section>
</body>
</html>

ドットインストール - 3分動画でマスターできるプログラミング学習サービス

サービスメニュー

ご利用にあたって

プログラミング勉強会

ソーシャルメディア

更新情報