index.html

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>CSS Chat</title>
</head>
<body>
  <div class="container">
    <ul class="messages">
      <li class="left-side">
        <div class="pic">
          <img src="img/cat.png" alt="">
          <link rel="stylesheet" href="css/styles.css">

        </div>
        <div class="text">
          こんにちは。

        </div>
      </li>
      <li class="right-side">
        <div class="pic">
          <img src="img/dog.png">

        </div>
        <div class="text">
          お久しぶりです！

        </div>
      </li>
      <li class="left-side">
        <div class="pic">
          <img src="img/cat.png">

        </div>
        <div class="text">
          こんにちは。こんにちは。

        </div>
      </li>
    </ul>
  </div>
</body>
</html>

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

サービスメニュー

ご利用にあたって

プログラミング勉強会

ソーシャルメディア

更新情報