Html CSS跨度定位问题 CSS中的位置跨度

我正在创建一个rails示例网站，但在index.html.erb上遇到了问题：这是我的html代码块（这是一个示例网站，因此名称和内容都是虚构的，即FleetFile不是真正服务的名称）：

</center>
<span class="socialnet">

Aol
Google+<br>
MySpace<br>
Orkut<br>
Twitter<br>
Facebook<br>
</span>
</aside>
<span class="servsmadebyus">
Free Web Hosting<br>
Cloud Storage<br>
Paid Web Hosting<br>
FleetFile Free FTP Client<br>
FleetFile Premium<br>
</span>

---

如您所见，我想将.servsmadebyus span放置在右侧，但该span将保留在左侧。即使我将文本对齐：右；，它位于左侧

文本对齐

应应用于父（块）元素，而不是跨度本身。

</center>
<span class="socialnet">

Aol
Google+<br>
MySpace<br>
Orkut<br>
Twitter<br>
Facebook<br>
</span>
</aside>
<span class="servsmadebyus">
Free Web Hosting<br>
Cloud Storage<br>
Paid Web Hosting<br>
FleetFile Free FTP Client<br>
FleetFile Premium<br>
</span>

您很可能需要在

块

元素中包装这些跨度，然后

浮动

它们

</center>
<span class="socialnet">

Aol
Google+<br>
MySpace<br>
Orkut<br>
Twitter<br>
Facebook<br>
</span>
</aside>
<span class="servsmadebyus">
Free Web Hosting<br>
Cloud Storage<br>
Paid Web Hosting<br>
FleetFile Free FTP Client<br>
FleetFile Premium<br>
</span>

类似于以下代码：

</center>
<span class="socialnet">

Aol
Google+<br>
MySpace<br>
Orkut<br>
Twitter<br>
Facebook<br>
</span>
</aside>
<span class="servsmadebyus">
Free Web Hosting<br>
Cloud Storage<br>
Paid Web Hosting<br>
FleetFile Free FTP Client<br>
FleetFile Premium<br>
</span>

html:

</center>
<span class="socialnet">

Aol
Google+<br>
MySpace<br>
Orkut<br>
Twitter<br>
Facebook<br>
</span>
</aside>
<span class="servsmadebyus">
Free Web Hosting<br>
Cloud Storage<br>
Paid Web Hosting<br>
FleetFile Free FTP Client<br>
FleetFile Premium<br>
</span>

<div class="social">
    <span class="socialnet">
    Aol
    Google+<br>
    MySpace<br>
    Orkut<br>
    Twitter<br>
    Facebook<br>
    </span>
</div>
<div class="serv">
    <span class="servsmadebyus">
    Free Web Hosting<br>
    Cloud Storage<br>
    Paid Web Hosting<br>
    FleetFile Free FTP Client<br>
    FleetFile Premium<br>
    </span>
</div>

---

演示：

感谢您的修复。这帮了大忙@user3144705如果这回答了您的问题，您应该将其标记为已回答。请从HTML标记中删除“”标记。那太过时了（199X）。您还在CSS代码中混合了十六进制颜色表示法和命名颜色，为了保持理智，最好使用一种表示法。中心标记是如何实现的？一定是我在事故中保存的另一个HTML文件中的位置。我还使用了十六进制代码，因为我想要一个更亮/更暗的色调，所以我必须使用HTML十六进制颜色值，我使用命名颜色代码，因为常规的色调很好，但感谢反馈，我对此表示赞赏。

</center>
<span class="socialnet">

Aol
Google+<br>
MySpace<br>
Orkut<br>
Twitter<br>
Facebook<br>
</span>
</aside>
<span class="servsmadebyus">
Free Web Hosting<br>
Cloud Storage<br>
Paid Web Hosting<br>
FleetFile Free FTP Client<br>
FleetFile Premium<br>
</span>