自習 あざらし
--->html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="font.css">
</head>
<body>
<h1>見出し1：職場にアザラシを採用して業績UP</h1>
<div id="hoge">
<h2>見出し2：アザラシは生産性を挙げることが判明</h2>
<img src="animal_chara_computer_azarashi.png" width="150px">
<p>本文：株式会社あぺいろん（京都市）は、新入社員にアザラシ（3歳）を採用したところ
業績が300％あがったと報告した。 <a href="#">リンクはこちら</a></p>
<ul>
<li>list01：癒し効果について</li>
<li>list02：適度な湿気が健康によい</li>
<li>list03：アザラシより優秀という満足感</li>
</ul>
</div>
<!--
<script src="font.js"></script>
-->
</body>
</html>
--->css
html{
color:#666;
/*font-family:serif;*/
font-family:sans-serif;
}
body{
background:#cf9;
}
h1{
text-align:center;
background:white;
}
#hoge{
margin: 10px;
padding: 5px;
background-color:#66cc33;
color:#000;
text-align:center;
}
#hoge p,ul{
text-align:left;
}
