Кто может помочь найти ошибку в коде?

<div class="sidebar">
<h2>News</h2>
<span>4/14/2020</span>
<p>We started a new project!</p>
<a href="#">Read</a>
</div>

блок кода, работает не корректно, ссылкой становиться весь код, вместо одного слова "Read".

html

css

4 ответов

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="description" content="KinoMonster - there is kino portal" />
<meta name = "keywords" content="films, films online" />
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<div class="main">
<div class="header">
<div class="logo">
<div class="logo_text">
<h1><a href="/">KinoMonster</a></h1>
<h2>There is Kino our passion</h2>
</div>
</div>
<div class="menubar">
<ul class = "menu">
<li class="selected"><a href="#">Main</a></li>
<li class="selected"><a href="#">Films</a></li>
<li class="selected"><a href="#">TV Series</a></li>
<li class="selected"><a href="#">Films Rating</a></li>
<li class="selected"><a href="#">Contacts</a></li>
</ul>
</div>
</div>
<div class="site_content">
<div class="sidebar_container">

<div class="sidebar">
<h2>Search</h2>
<form method="post" action="#" id="search_form">
<input type="search" name="search_field" placeholder = "your request" />
<input type="submit" class="btn" value="search" />
</form>
</div>
<div class="sidebar">
<h2>Enter</h2>
<form method="post" action="#" id ="login" >
<input type="text" name="login_field" placeholder="Login"/>
<input type="password" name="password_field" placeholder="password">
<input type="submit" class="btn" value="Enter"/>
<div class="labels_passreg_text">
<span><a href = "#">forget password</span> | <span><a href = "#">registration</span>
</div>
</form>
</div>

<div class="sidebar">
<h2>News</h2>
<span>4/14/2020</span>
<p>We started a new project!</p>
<a href="#">Read</a>
</div>

</div>
</div>
</div>
</style>
</body>
</html>

я так понимаю проблема на уровне html.

братан , я не думаю то что проблема в пробелах тут есть какая то, но </a> все решило, спасибо, я с джавы перелез на html/CSS ибо работу трудно найти без опыта, на бек энде, в интерпетаторе все ошибки подсвечиваются, тут повеситься можно)

Нужно весь код посмотреть, может выше где-то div незакрыт или другая ошибка.

Как я и предполагал. Ошибки:

1. Лишние пробелы:

После name

<meta name = "keywords" content="films, films online" />

тут тоже

<ul class = "menu">

тут после placeholder

<input type="search" name="search_field" placeholder = "your request" />

тут, где id лишние пробелы также

<form method="post" action="#" id ="login" >

И здесь лишние пробелы, где href

<span><a href = "#">forget password</span> | <span><a href = "#">registration</span>

2. Лишний </div> стоит сразу после блока:

<div class="sidebar">
      <h2>News</h2>
      <span>4/14/2020</span>
      <p>We started a new project!</p>
      <a href="#">Read</a>
</div>

3. Лишний style стоит, нужно убрать:

</style>

4. Нет закрывающих </a>:

<div class="labels_passreg_text">
    <span><a href = "#">forget password</span> | <span><a href = "#">registration</span>
</div>