whats the wrong with my
whats the wrong with my html code ?
html"
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel ="shortcut icon" href="/assets/images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="1.css" />
<title>books </title>
</head>
<body>
<br>
<label class="index"> library page </label>
<br clear="all">
<br><br>
<article class="box1">
<section id="books page">
<form method="POST" action="/booklist">
</form>
<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>
<br>
<br>
<br>
<br>
<button id="borrow" disabled="">borrow</button>
</div>
<article class="box2">
<section id="loggedUser">
<form method="POST" action="/logout">
<label id="logName">{{username}}</label>
<button id="logOut">Log Out</label>
</form>
<br>
<br>
<br>
<button id="return" disabled="">return</button>
</section>
</div>
</body>
</html>
</html>
--------------
css
article.box1
{
background-color: black
border: 15px
color: blue;
height: 600px;
padding-top: 10px;
position: absolute;
left: 50px;
text-align: center;
top: 150px;
width: 350px;
}
article.box2
background-color: black
border: 15px
color: blue;
height: 600px;
padding-top: 10px;
position: absolute;
right: 150px;
text-align: center;
top: 150px;
width: 350px;
}
button#borrow
border-color: white;
bottom: 10px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 350px;
}
button#return
{
border-color: white;
bottom: 10px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 350px;
}
-------------
it runs like this
![library page
(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
borrow
{{username}} Log Out
return](/v2/_next/image?url=https%3A%2F%2Fcontent.bartleby.com%2Fqna-images%2Fquestion%2Fd7770d6e-352d-49c5-bb02-13e122a27c4b%2F6e69ee27-49be-4ff0-a53f-7526a4842982%2Fphxg8a_processed.jpeg&w=3840&q=75)
![](/static/compass_v2/shared-icons/check-mark.png)
Step by step
Solved in 3 steps
![Blurred answer](/static/compass_v2/solution-images/blurred-answer.jpg)
![Computer Networking: A Top-Down Approach (7th Edi…](https://www.bartleby.com/isbn_cover_images/9780133594140/9780133594140_smallCoverImage.gif)
![Computer Organization and Design MIPS Edition, Fi…](https://www.bartleby.com/isbn_cover_images/9780124077263/9780124077263_smallCoverImage.gif)
![Network+ Guide to Networks (MindTap Course List)](https://www.bartleby.com/isbn_cover_images/9781337569330/9781337569330_smallCoverImage.gif)
![Computer Networking: A Top-Down Approach (7th Edi…](https://www.bartleby.com/isbn_cover_images/9780133594140/9780133594140_smallCoverImage.gif)
![Computer Organization and Design MIPS Edition, Fi…](https://www.bartleby.com/isbn_cover_images/9780124077263/9780124077263_smallCoverImage.gif)
![Network+ Guide to Networks (MindTap Course List)](https://www.bartleby.com/isbn_cover_images/9781337569330/9781337569330_smallCoverImage.gif)
![Concepts of Database Management](https://www.bartleby.com/isbn_cover_images/9781337093422/9781337093422_smallCoverImage.gif)
![Prelude to Programming](https://www.bartleby.com/isbn_cover_images/9780133750423/9780133750423_smallCoverImage.jpg)
![Sc Business Data Communications and Networking, T…](https://www.bartleby.com/isbn_cover_images/9781119368830/9781119368830_smallCoverImage.gif)