html中怎么使两个标签间文字在一行上_随笔

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的第一个<div>标签中，加入样式代码：style="float: left"。

3、浏览器运行index.html页面，此时两个div标签的文字会在同一行上。

方法1：将ID为infoOutput里面的<div>设置行内样式。<div>本身是一个块元素，本来就占据一行，此时应将<div>设为行内元素即可。

#infoOutput div { display: inline-block}

方法2：建议将ID为infoOutput里面的<div>改为更为语义化的<span>元素。

给你的文字一个float:left就可以了

这是我写的例子

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<style>

#Label1{ float:left}

</style>

</head>

<body>

<div>

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

<asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine"></asp:TextBox>

</div>

</form>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

html中怎么使两个标签间文字在一行上