Html 文本框和图像显示在同一行的css
我想在同一行中显示文本框和图像。现在我将像素设置调整为chrome。在firefox中会出现一些差异。我用黑色框绘制文本框，用红色圆形绘制图像。绿线是它们在相同位置的方式Html 文本框和图像显示在同一行的css,html,css,Html,Css,我想在同一行中显示文本框和图像。现在我将像素设置调整为chrome。在firefox中会出现一些差异。我用黑色框绘制文本框，用红色圆形绘制图像。绿线是它们在相同位置的方式 .per { 浮动：对； 右边距：38%； } p{ 字体系列：arial； 字体大小：13px； 字体大小：粗体； 文本对齐：左对齐； 左缘：20%； } 公司名称 头衔 开始日期 结束日期 工资率 准许 尝试创建一个Div或一个表，并将您的内容放在适当的位置 您还可以使用BooTrasP3、Buffor或其他CSS框架使
.per
{
浮动：对；
右边距：38%；
}
p{
字体系列：arial；
字体大小：13px；
字体大小：粗体；
文本对齐：左对齐；
左缘：20%；
}公司名称
头衔
开始日期
结束日期
工资率
准许
使用以下CSS代码
*{
margin:0;
padding:0;
}
p {
font-family:arial;
font-size:13px;
font-weight:bold;
text-align: left;
margin-left:20%;
}
.maincontainer{
position: relative;
}
.names{
display: inline;
position: relative;
left: 50px;
margin:5px;
}
.namescontent{
display: inline;
position: absolute ;
left: 200;
margin:5px;
}
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="maincontainer">
<div class="names">Company Name</div> <div class="namescontent"> <input type="text" name="s" size=18 maxlength=50 readonly value="sample"> </div> <br>
<div class="names"> Title</div> <div class="namescontent"><input type="text" name="s" size=18 maxlength=50 readonly value="title"> </div>
<br>
<div class="names">Start Date</div> <div class="namescontent"> <input type="text" name="s" size=18 maxlength=50 readonly value="date"> </div>
<br>
<div class="names">End Date</div> <div class="namescontent"> <input type="text" name="s" size=18 maxlength=50 readonly value="date1"> </div>
<br>
<div class="names">Pay Rate</div> <div class="namescontent"> <input type="text" name="s" size=18 maxlength=50 readonly value=" pay rate "> </div>
<br>
</div>
<h3 style="align:left">Permission
<div class="namescontent"><img src="image/tick.png" alt="tick" style="width:15px;height:15px"></div>
</h3>
</body>
</html>
公司名称
标题
开始日期
结束日期
工资率
准许