<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>自己紹介ページ</title> <link rel="stylesheet" href="kadaib3.css"> </head> <body> <ul id="nav"> <li><a href="#">課題1</a></li> <li><a href="#">課題2</a></li> <li><a href="#">課題3</a></li> <li><a href="#">課題4</a></li> </ul> <p>ulやliはブロック要素のため、自動的に改行されてしまい縦並びになってしまう。<br> css3のからできるようになった?</p> <h1>色がきれーいなグラデーションになるー</h1> <h1>あ!</h1> <center> <h1>あ!</h1> </center> <div class="image-text"> <div class="image1"> <img src="https://www.yatex.org/gitbucket/koekiInfoDesign/2020-H.Nanami/_attached/1588672030783XVNLJk3RjT" width="400px"/> </div> <div class="text1"> 背景は透明かい? </div> </div> </body>