this html code books Books list 《tomandjerry》 author tom 《THIS IS A BOOK LIST 》 author LIST 《MARKHAM》 author MARK 《DONT GO ANYWHERE 》 author ANNY 《SDRWGB》 author GHI 《BOOK LIST 1 》 author KOLG 《BOOK LIST 2》 author KOWLG 《ANNY BOOKS 》 author JUMP 《HOW TO RUN 》 author RUN 《HOW TO SWIM》 author SWIM 《HOW TO JUMP 》 author JUMP ========= how could i do some changes to this CSS and make it looks batter ? the words size should be fit .i think it looks so weird .the words are so small.
this html code
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>books </title>
<link rel="stylesheet" href="1.css" />
</head>
<body>
<br>
<label class="index"> Books list </label>
<br clear="all">
<br><br>
<div style="width:500px;height:1300px;border:1px solid black;float:left;margin-right:260px">
<label class="books" for="BOOKS" title="BOOKS">
《tomandjerry》 author tom <input type="checkbox" name="BOOK1" id="1111" value="tomand jerry by tom ">
</label>
<br clear="all">
<label class="books" for="BOOKS" title="BOOKS">
《THIS IS A BOOK LIST 》 author LIST <input type="checkbox" name="BOOK1" id="1111" value="tomand jerry by tom ">
</label>
<br clear="all">
</label>
<label class="books" for="BOOKS" title="BOOKS">
《MARKHAM》 author MARK <input type="checkbox" name="BOOK1" id="1111" value="tomand jerry by tom ">
</label>
<br clear="all">
</label>
<label class="books" for="BOOKS" title="BOOKS">
《DONT GO ANYWHERE 》 author ANNY <input type="checkbox" name="BOOK1" id="1111" value="tomand jerry by tom ">
</label>
<br clear="all">
</label>
<label class="books" for="BOOKS" title="BOOKS">
《SDRWGB》 author GHI <input type="checkbox" name="BOOK1" id="1111" value="tomand jerry by tom ">
</label>
<br clear="all">
</label>
</label>
<label class="books" for="BOOKS" title="BOOKS">
《BOOK LIST 1 》 author KOLG <input type="checkbox" name="BOOK1" id="1111" value="tomand jerry by tom ">
</label>
<br clear="all">
</label>
<label class="books" for="BOOKS" title="BOOKS">
《BOOK LIST 2》 author KOWLG <input type="checkbox" name="BOOK1" id="1111" value="tomand jerry by tom ">
</label>
<br clear="all">
<label class="books" for="BOOKS" title="BOOKS">
《ANNY BOOKS 》 author JUMP <input type="checkbox" name="BOOK1" id="1111" value="tomand jerry by tom ">
</label>
<br clear="all">
</label>
</label>
<br clear="all">
</label>
<label class="books" for="BOOKS" title="BOOKS">
《HOW TO RUN 》 author RUN <input type="checkbox" name="BOOK1" id="1111" value="tomand jerry by tom ">
</label>
<br clear="all">
</label>
</label>
<label class="books" for="BOOKS" title="BOOKS">
《HOW TO SWIM》 author SWIM <input type="checkbox" name="BOOK1" id="1111" value="tomand jerry by tom ">
</label>
<br clear="all">
</label>
</label>
<label class="books" for="BOOKS" title="BOOKS">
《HOW TO JUMP 》 author JUMP <input type="checkbox" name="BOOK1" id="1111" value="tomand jerry by tom ">
</label>
<br clear="all">
</label>
</div>
<div style="width:500px;height:1300px;border:1px solid black;float:left">
</div>
</body>
</html>
=========
how could i do some changes to this CSS and make it looks batter ?
the words size should be fit .i think it looks so weird .the words are so small.
Step by step
Solved in 3 steps with 4 images
