ol标签覆盖h1& p& img标签

时间:2018-03-18 13:26:44

标签: html web

   

 <img src="pictorial-01.PNG" class="logo left"><br>
    		<hr>
    	<div class="why us">
    	<h1 style="text-align: left; font-size: 50px;">Why us</h1>
    		
    		<ol>
    			<h3>Multi-lingual, scalable talent pool</h3>
    			<h3>Positive Attitude</h3>
    			<h3>Agents with little to no accent</h3>
    			<h3>Cost efficient quality operations</h3>
    			<h3>Government support for the industry</h3>

    		</ol>
    		<img src="Egypt-Flag-Map-MEast-Africa.PNG" class="about pic">
    		<img src="Cairo.jpg" class="about pic">


    	</div>
    <h1>How we do it</h1>
    <p>We are keen to build and maintain a long term<br>
    foundation of high performance throughout our<br>
    organization by diligently adopting and reinforcing<br>
    world-class standards</p>
    		<img src="pictorial-01.PNG" class="logo left"><br>
    		<hr>

随着图片,你会得到我说的对不起我对此新 我试图将徽标放在它下面,这样就像是网站的断点 然后添加

,但所有这些都会覆盖

This is how it looks

1 个答案:

答案 0 :(得分:0)

<强> OL OL标记是一个有序列表,但是您呈现的文本没有订单项目符号,因为您使用的是标题标记H3。

对于未经编码的列表,首先应将代码设置为UL 并为列表中的项目使用LI标记,并使用CSS以模仿H3标题外观的方式设置项目符号的样式

将list-style设置为none,如

下所示

我仍然感到困惑的是你的意思是在你的屏幕截图之后覆盖段落(P)和图像(Img)标签

&#13;
&#13;
#unoderedlist li{list-style: none; font-size: 2em}
&#13;
<img src="pictorial-01.PNG" class="logo left"><br>
<hr>
<div class="why us">
	<h1 style="text-align: left; font-size: 50px;">Why us</h1>
	<ul id="unoderedlist">
    <li>Multi-lingual, scalable talent pool
    <li>Positive Attitude
		<li>Agents with little to no accent
		<li>Cost efficient quality operations
		<li>Government support for the industry
	</ul>
	<img src="Egypt-Flag-Map-MEast-Africa.PNG" class="about pic">
	<img src="Cairo.jpg" class="about pic">
</div>

<h1>How we do it</h1>
<p>
	We are keen to build and maintain a long term<br>
	foundation of high performance throughout our<br>
	organization by diligently adopting and reinforcing<br>
	world-class standards
</p>
<img src="pictorial-01.PNG" class="logo left"><br>
<hr>
&#13;
&#13;
&#13;