Greetings, it appears I am encountering an issue with my website. When I refer to "Get Started," it displays as "GetStarted." However, when I insert a space between "Get" and "started," it separates onto two lines as "Get" on the first line and "started" on the second.
I have attempted to rectify this by utilizing display: inline-block in my CSS code and decreasing the font size.
Below is the CSS code snippet:
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
@font-face{
src: url(/fonts/Coiny-Regular.ttf);
font-family: Coiny;
}
body, html{
background-image: url(/img/BackGround.png);
background-repeat: no-repeat;
background-size: cover;
}
.name{
text-decoration: none;
font-family: Coiny;
font-size: 60px;
...
And here is the HTML code snippet:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Pacific</title>
</head>
<body>
<nav>
<h1>
<ul>
<li class="name2"><strong>Pacific</strong></li>
<li><a href="/index.html"> <strong>Home</strong> </a></li>
...