I want to write text in the upper right corner, but I can't get it to work. Please give me some advice. _html/css

I want to write text in the upper right corner, but I can't get it to work. Please give me some advice. _html/css_WEB-ITnose

WBOY

Release： 2016-06-24 11:54:23

Original

3595 people have browsed it

I want the text to be displayed in the blank space in the upper right corner. Please tell me how to do it.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>公司首页</title><style type="text/css">body{	background-image: url(bg.jpg);	background-repeat:repeat-x;	height:800px;}#wrap{	margin:0px auto;	width:700px;	background-color:#FFF;}#wz01{	width:550px;	height:80px;	background:#fff;	background-image: url(logo.jpg);	background-repeat: no-repeat;	float:left;}#wz0102{	width:150px;	height:80px;	font-size:12px;	}#wz02{	background-image: url(dh.jpg);	height:30px;	width:700px;	border:solid #FFF 5px;	border-width:0px 0px 5px 0px;}#wz02 Ol{	margin:0px auto;	width:700px;	height:30px;	}#wz02 li{	text-align:center;	width:80px;	height:30px;	margin-top:8px;}.wz03{	margin-top:0px;}.wz04{	margin-top:5px;}.wz0401{	float:left}.wz0402{	width:500px;	float:left;	height:300px;}#wz02 li.first{	border-left-width: 0px;	width:50px;}</style></head><body><div id="wrap">  <div id="wz01"></div>  <div id="wz0102">11111111</div>       <div id="wz02">    <ol style="list-style-type:none">    <li style="float:left" class="first">首页</li>    <li style="float:left">公司简介</li>    <li style="float:left">新闻中心</li>    <li style="float:left">工程展示</li>    <li style="float:left">企业管理</li>    <li style="float:left">业务范围</li>    <li style="float:left">在线留言</li>    <li style="float:left">关于我们</li>    </Ol>    </div>        <div class="wz03"><img src="1.jpg" width="700px" height="200px" /></div>         	 <div class="wz04">                <div class="wz0401"><img src="left.jpg" width="200px" height="300px" /></div>            	<div class="wz0402">    		<div class="wz040101"><img src="jj.jpg" width="500px" height="35px" /></div>        	<div class="wz040102"><p>过去20多年，华为抓住中国改革开放和ICT行业高速发展带来的历史机遇，坚持以客户为中心，以奋斗者为本，基于客户需求持续创新，赢得了客户的尊重和信赖，从一家立足于中国深圳特区，初始资本只有21000人民币的民营企业，稳健成长为年销售规模近2400亿人民币的世界500强公司。如今，我们的电信网络设备、IT设备和解决方案以及智能终端已应用于全球170多个国家和地区。</p><p>作为全球领先的信息与通信解决方案供应商，我们为电信运营商、企业和消费者等提供有竞争力的端到端ICT解决方案和服务，帮助客户在数字社会获得成功。我们坚持聚焦战略，对电信基础网络、云数据中心和智能终端等领域持续进行研发投入，以客户需求和前沿技术驱动的创新，使公司始终处于行业前沿。</p>			</div>   		</div>    </div></div></body></html>

Copy after login

Reply to the discussion (solved Scheme)

#wz0102 {
width: 150px;
height: 80px;
font-size: 12px;
float: right;
}

If I modify this, the background of my [Home Page] [Company Profile] line will go up to it

#wz0102 {
width: 150px;
height: 80px ;
font-size: 12px;
float: right;
}
#wz02 {
background-image: url(dh.jpg);
height: 30px;
width: 700px;
border: solid #FFF 5px;
border-width: 0px 0px 5px 0px;
clear: both;
}

#wz0102 {
width: 150px;
height: 80px;
font-size: 12px;
float: right;
}
#wz02 {
background-image: url(dh .jpg);
height: 30px;
width: 700px;
border: solid #FFF 5px;
border-width: 0px 0px 5px 0px;
clear: both;
}

Why do we need to use clear: both; in wz02?

#wz0102 {
width: 150px;
height: 80px;
font-size: 12px;
float: right;
}
#wz02 {
background-image: url(dh.jpg);
height: 30px;
width: 700px;
border: solid #FFF 5px;
border-width: 0px 0px 5px 0px;
clear: both;
}

Why use clear: both; in wz02?

used to clear float