如何在我的网页上对齐HTML和CSS中的一行框？_Html_Css

如何在我的网页上对齐HTML和CSS中的一行框？

html css

如何在我的网页上对齐HTML和CSS中的一行框？,html,css,Html,Css,我在新网站上的网页是关于我的一种产品的。我无法让第二个“关于”框位于第一个框的右侧。相反，它是在它的右边和下面一条线。如何在HTML和CSS中修复此问题？该网页的代码为- <html> <head> <title>Innova Computing Software</title> <meta name="description" content="Innova Computing Software is a small, Americ

我在新网站上的网页是关于我的一种产品的。我无法让第二个“关于”框位于第一个框的右侧。相反，它是在它的右边和下面一条线。如何在HTML和CSS中修复此问题？该网页的代码为-

    <html>
<head>
<title>Innova Computing Software</title>
<meta name="description" content="Innova Computing Software is a small, American company aimed at making quality software that is cheap or free." />
<style>
.boxed {
    background-color : #C3C3C3 ;
    border: 1px solid #008000;
    width: 414px;
}
</style>
</head>
<body bgcolor="gray">
<a href="http://innovacomputingsoftware.com/index.htm"><img src="logo.png"></img></a>
<a href="/about/index.html"><img src="about.png"></img></a>
<a href="/products/index.html"><img src="products.png"></img></a>
<a href="help.htm"><img src="help.png"></img></a>
<a href="contact.htm"><img src="contact.png"></img></a>
<br>
<br><img src="dividerbar.png"></img>
<br>
<br>
<div class="boxed">
<br><center><font size="7" face="arial" color="red">About</font></center>
</div>
<center>
<div class="boxed"><center><font size="7" face="arial" color="red">About</font></center>
</div>
</center>
<br>
<br>
<br>
<br>
<br><font face="arial" size="1">Coded and served by Drew Easton.  You do not have permission to reproduce or alter any of the 
<br>content provided to you within this website under any circumstances, unless otherwise stated by
<br> the owners of this server and the authors of the content which you view.</font>
</body>
</html>


Innova计算软件
.盒装{
背景色：#C3C3；
边框：1px实心#008000；
宽度：414px；
}









关于
关于









德鲁·伊斯顿负责编码和服务。您无权复制或更改任何

本网站在任何情况下向您提供的内容，除非

此服务器的所有者和您查看的内容的作者。

。boxed元素是一个div，默认情况下显示在新行中。你可以浮动它，你会得到它旁边的另一个项目

.boxed {
  float: left;
}

您可以通过添加.boxed{float:left；}将.boxed元素浮动到左侧，它将显示在下一个元素上。将.boxed元素浮动到左侧后，请确保在它们之后添加HTML元素，并添加

清除：两者样式，以防止后续元素也浮动。