Question

我目前正在设计一个网站（遵循youtube教程），但是我做了一些调整。而且我无法以我想要的方式工作。

这里是我想要实现的目标：

我希望这2个文本的浮动方式与“ UX”相同。（水平-垂直应在视频上方居中）。

https://jmp.sh/N4n9k5m（Jumpshare屏幕快照链接）

我用于Typewrite H1的HTML如下所示（为了测试，我将CSS写入了HTML5）：

logo {
  float: left text-decoration: none;
  color: white;
  font-size: 30px;
  font-weight: 600;
}

<nav>
  <a href="#" class="logo">UX.</a>
  <div class="desktopNav">
    <a href="#">My Skills</a>
    <a href="#">My Work </a>
    <a href="#">About me</a>
    <a href="#">Contact</a>
  </div>
</nav>

<div class="landingcontent">
  <div style="position: relative; top:50%; float: left;">
    <h1 class="typewrite" style="border: 2px solid blue " data-period="2000" data-type='[ "Hi, I am Samuel.", "I am a UX Designer.", "I am a Front-End Developer.", "I am a former IT-Systemengineer. " ]'>
      <span class="wrap"></span>
    </h1>
    <p>Feel free to check my site out!</p>
  </div>

我错过了什么？我想我只是忽略了错误。因此，如果有人可以帮助我，我将不胜感激。

如我所愿，typewrite h1的浮动不起作用

0 个答案: