我正在建立一个网站,但关于“我们”标签的问题

时间:2019-02-16 00:45:19

标签: html css web

pic of problem

目前,我的“关于我们”页面上只有一个文字段落。我有一个主导航栏和一个侧面导航栏。侧面导航栏是段落出现问题的地方。我确定该段落在导航栏的标题之间引起了间距(当前显示为协作平台/控制台)。我的兴趣是在标题下放置了我的侧面导航栏。该段应该在下面并居中。

.side-nav {
  float: left;
  list-style: none;
  margin-top: 130px;
  margin-left: -430px;
}

.side-nav li {
  display: inline-block;
}

.side-nav li a {
  color: white;
  text-decoration: none;
  padding: 5px 20px font-family: "Roboto", sans-serif;
  font-size: 15px;
  background-color: darkviolet;
}

.side-nav li.active a {
  border: 1px solid white;
}

.side-nav li a:hover {
  border: 1px solid white;
}

p2 {
  float: left;
  color: white;
  text-transform: uppercase;
  font-size: 15px;
  margin-top: 100px;
  margin-left: -410px;
  border: 1px solid white;
  background-color: darkviolet;
}
<link href="styles/styles.css" rel="stylesheet" type="text/css">

<div class="header">
  <img src="images/icon.png" class="logo" alt="Logo" width="150" height="150" />
  <h1 style="color:darkviolet"> Collaborations </h1>
</div>
<div class="button">
  <a class="discord-button" onclick=" window.open('https://discord.gg/8yAfreq','_blank')"> Join Our Discord Server </a>
  <nav>
    <ul class="main-nav">
      <li><a href="homepage.html">Home</a></li>
      <li><a href="chat.html">Chat</a></li>
      <li class="active"><a href="aboutus.html">About Us</a></li>
      <li><a href="contactus.html">Contact Us</a></li>
      </<ul>
  </nav>
  <p2><strong>Collaborations Platforms/Consoles<strong></p2>
        <nav>
          <ul class="side-nav">
            <li><a>Ps4</a></li>
            <li><a>XBox</a></li>
            <li><a>Switch</a></li>
            <li><a>PC</a></li>
          </ul>
        </nav>
        <p style="color:white; font-size:175%;"> Collaborations is about bringing people together. People who make videos and live stream, whether it is on YouTube or on Twitch.
        Are you looking for a specific platform/console to collaborate on? We are sure we have it listed. So far we have collaborations on Ps4, XBox, Switch and,
        PC. If there is another platform/console that we have missed or forgot about please let us know and we will add it to the list. Now we understand that
        playing alone is fun sometimes, but playing with a friend is much better. Wouldn't you want to celebrate a sweet victory with a friend, group, or team?
        We sure believe it is much more fun! Come and join us see who wants to collaborate with YOU!           </p>

0 个答案:

没有答案