The navigation menu does not line up.

I'm working on a website for practice, but it doesn't stand side by side.
Please tell me more about the cause.

<!DOCTYPE html>
<html lang="ja">
<head>
<metacharset="utf-8">
<title>company</title>
<meta name="description" content="Site about company activities">
<link rel="stylesheet" href="https://unpkg.com/ress.min.css">
<link href="https://fonts.googleeapis.com/com/css?family=Philosopher"rel="stylesheet">
<link href="css/style.css"rel="stylesheet">

</head>

<body>
<header class="page-header">
<h1><a href="index.html"><img class="logo" src="images/th.jpeg" alt="Company Logo">
</a></h1>
<nav>
<ul class="main">
<li><a href="index.html">Home</a></li>
<li><a href="concept.html">Concept</a></li>
<li><a href="fee.html">fee<a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="active.html">Active</a></li>
<li><a href="mail.html">Mail</a></li>
</ul>
</nav>
</header>

</body>
</html>

@charset "utf-8";

US>html{
font-size: 100%;
}

body{
font-family: "Yu Gothic Medium", "Gothic Medium", "YuGothic", "Hiragino Kakugo Pro W3",
"sans-serif";
line-height: 1.7;
color:#432;
}

a{
text-decoration: none;
}

img{
max-width —5%;
}

.logo{
width —5px;
margin-top —14px;
}

.main{
display:flex;
font-size: 1.25 rem;
text-transform:uppercase;
margin-top —34px;
list-style: none;
}

.main li{
margin-left —36px;
}

.main a{
color:#432
}

.main a:hover{
color:#0bd;
}

.page-header {
display:flex;
}

html css

2022-09-30 21:53

1 Answers

Is it because the css file (style.css) is not in the css folder?
Does it have the following file and folder configuration?
(However, the folder name has "folder" for explanation, so it is not necessary.)

/Site Root Folder
    index.html
    concept.html
    fee.html
    blog.html
    active.html
    mail.html
    /css folder
        style.css
    /images folder
        th.jpeg

Also, has the screen been updated in multipost destination?and so on.

There was a questioner's comment in the multi-post, and it seems that full-width characters were actually included in the original file/pass? of the question.

I understand the cause.Some of the existing CSS files were spelled full-width and were not linked!😱

2022-09-30 21:53

If you have any answers or tips

Popular Tags

python x 4647

android x 1593

java x 1494

javascript x 1427

c x 927

c++ x 878

ruby-on-rails x 696

php x 692

python3 x 685

html x 656