Question

我正在尝试移动标题旁边的文本，但它无法使用边距 - 当我尝试移动它时所有文本框都移动，即使每个文本框都是单独的div标记。

以下是此部分的代码

<body>
<div id="wrapper">
  <div id="header">
    <h4><strong>Qtek Australia</strong></h4>
    <div id="home">Home</div>
    <div id="Aboutus">About us</div>
    <div id="Contactus">Contact us</div>
     <div id="Location">Location</div>

  </div>

我想搬家，关于我们，联系我们并在“Qtek Australia”标题右侧的位置，请帮助

Answer 1

您可以尝试将h4包装在另一个div中并将其放在您想要的位置。如果这是你已经尝试过的方式，另一种方法可能是将你想要放在左边的三个div包装在一个div中，将另外四个放在另一个div中并移动这两个div。它应该更容易，即使你可以得到divitis。

Answer 2

我会说你的文档语义很模糊。你可能不需要在你的标题中使用STRONG - 可以想象你真的想要强调其中表达的思想，但我怀疑你只希望标题看起来更大胆。使用CSS实现这一点，如：h4 {font-weight:bold; font-size: 14em;}。

也可以想象，从某个主题的第四级开始导航，您的页面最有意义，但这种可能性很小;在绝大多数情况下，导航将在h1或h2下更高。

如果它是一个无序列表，你的导航本身会更加连贯。

<ul>
    <li>Home</li>
    <li>About Us</li>
    ...
</ul>

这也有一个优点，即允许您将导航元素设置为一组和单独设置。

您可能不需要在所有div中包装元素。 HTML中的大多数元素都是容器 - 标题，列表，段落，几乎所有可以设置样式 - 包括定位和移动 - 本身。

例如，将导航列表定位到h4右侧的一种方法是使用“display：inline”或“float：left”为h4设置样式，这会将以下元素（列表）带到同一条线。这种定位有很多种不同的方式，而且你甚至不清楚这是你所追求的。

澄清你的意思;如果您发布了正在使用的CSS或JavaScript，那将会有所帮助。

单独移动文本div标签

2 个答案: