이 3 개의 수평 항목 사이에 공간을 만드는 방법

이 세 항목 사이의 간격을 유지하는 방법은 무엇입니까?이 3 개의 수평 항목 사이에 공간을 만드는 방법

나는 몇 가지 방법을 시도했지만 시도하면 다음 줄로 건너 뜁니다. 나는 노력하고있는 코드를 추가했다. 그리고 너비를 1000px로 유지하는 방법은 무엇입니까? 내가 공간을 만들고 싶어

<!doctype html> 
 
<html> 
 
<body> 
 
<title>AquaSL</title> 
 
<link rel="icon" type="image/png" href="image/asl2.png" 
 
<head> 
 

 
<style> 
 
p { 
 
    \t display: inline-block; 
 
    \t float: left; 
 
    } 
 
    ul { 
 
    list-style-type: none; 
 
    width:33%;  
 
    margin: 0 auto; 
 
    padding: 0; 
 
    overflow: hidden; 
 
    background-color: #339cff; 
 
    display: inline-block; 
 
    float: left; 
 
    } 
 
    li { 
 
     float: left; 
 
    
 
    } 
 
    li a { 
 
\t 
 
     display: block; 
 
     color: white; 
 
     text-align: center; 
 
     padding: 14px 17px; 
 
     text-decoration: none; 
 
    } 
 
    li a:hover:not(.active) { 
 
     background-color: #345cff; 
 
    } 
 
    .active { 
 
    background-color: #ff9333; 
 
    } 
 
</style> 
 
<meta charset="utf-8"> 
 

 
<p><b><font color="white" size="+3">M Y W E B</font></b></p> 
 
<body> 
 
<ul> 
 
    <li><a class="active" href="#home">HOME</a></li> 
 
<li><a href="#news.html">NEWS</a></li> 
 
<li><a href="page2.html">Page 2</a></li> 
 
<li><a href="page3.html">page3</a></li> 
 
<li><a href="#page4.html">page4</a></li> 
 
<li><a href="#about us.html">ABOUT US</a></li> 
 
</ul> 
 

 
\t \t \t \t \t \t \t 
 

 
<img src="image/facebook-icon.png" width="54" height="55"> 
 
</body> 
 
<body background="image/background2.jpg" 
 
<br> 
 
<h5 style="position: fixed; bottom: 0; width:100%;text-align: center"> 
 
<font color="yellow"><strong> Copyright © MY WEB 2016 All Rights Reserved. 
 
</strong></font></h5> 
 
<img src="/image/strip.jpg" style="width:100%;"> 
 
</body> 
 
</html>

는 다음과 같습니다 :

출처

2016-10-11 Manjula

html 구조가 적합하지 않습니다. 어디에서나 바디 태그가 있습니다. – Rahul

당신은 단지 중간 항목()

<!doctype html> 
 
<html> 
 
<body> 
 
<title>AquaSL</title> 
 
<link rel="icon" type="image/png" href="image/asl2.png" 
 
<head> 
 

 
<style> 
 
p { 
 
    \t display: inline-block; 
 
    \t float: left; 
 
    } 
 
    ul { 
 
    list-style-type: none; 
 
    width:33%;  
 
    margin: 0 10px; 
 
    padding: 0; 
 
    overflow: hidden; 
 
    background-color: #339cff; 
 
    display: inline-block; 
 
    float: left; 
 
    } 
 
    li { 
 
     float: left; 
 
    
 
    } 
 
    li a { 
 
\t 
 
     display: block; 
 
     color: white; 
 
     text-align: center; 
 
     padding: 14px 17px; 
 
     text-decoration: none; 
 
    } 
 
    li a:hover:not(.active) { 
 
     background-color: #345cff; 
 
    } 
 
    .active { 
 
    background-color: #ff9333; 
 
    } 
 
</style> 
 
<meta charset="utf-8"> 
 

 
<p><b><font color="white" size="+3">M Y W E B</font></b></p> 
 
<body> 
 
<ul> 
 
    <li><a class="active" href="#home">HOME</a></li> 
 
<li><a href="#news.html">NEWS</a></li> 
 
<li><a href="page2.html">Page 2</a></li> 
 
<li><a href="page3.html">page3</a></li> 
 
<li><a href="#page4.html">page4</a></li> 
 
<li><a href="#about us.html">ABOUT US</a></li> 
 
</ul> 
 

 
\t \t \t \t \t \t \t 
 

 
<img src="image/facebook-icon.png" width="54" height="55"> 
 
</body> 
 
<body background="image/background2.jpg" 
 
<br> 
 
<h5 style="position: fixed; bottom: 0; width:100%;text-align: center"> 
 
<font color="yellow"><strong> Copyright © MY WEB 2016 All Rights Reserved. 
 
</strong></font></h5> 
 
<img src="/image/strip.jpg" style="width:100%;"> 
 
</body> 
 
</html>

에 여백을 추가 할 필요가

출처

2016-10-11 01:24:40

이 3 개의 수평 항목 사이에 공간을 만드는 방법

답변

관련 문제