HTML의 두 행 사이의 간격 감소.

Question

HTML n00b 여기. 그것은 직장에서이기 때문에 내 실제 코드를 붙여 넣을 수는 없지만, 기본적으로 내가

<p>Some text</p> 
<p><a href="SomeSite.com">Some more text</a></p> 

을 가지고 있고이 페이지에있는 라인의 나머지 부분은 정상적인 간격을 유지하면서 그 선이 서로 위에 쌓인 싶은 서로간에.

나는

<p style="padding-bottom: 0px">Some text</p> 
<p><a style="padding-top: 0px" href="SomeSite.com">Some more text</a></p> 

일을 시도했지만 그것은 작동하지 않았다. 그것은 마치 이어야합니다.이 작동해야합니다.

적절한 HTML 방식으로 수행하고 내 시도가 실패한 이유를 설명해주세요.

Answer 1

당신은 이런 식으로 뭔가를 할 것이다 :

<p>Some Text <br /> <a href="">Some more text</a></p> 

<br />을 줄 바꿈이되어, 당신이 한 모든 것을 할 수 있도록 단락과 줄 바꿈은 첫 번째 줄 아래에 다음 줄을 가져옵니다. 그런 다음 사용할 수 있습니다 line-height:10px

<p style="line-height:10px;">Some Text <br /> <a href="">Some more texth</a></p> 

px 크기는 무엇이든 변경할 수 있습니다.

두 개의 단락이 필요하면 컨테이너에 동봉하고 line-height을 컨테이너에 제공 할 수 있습니다.

<div style="line-height:10px"> 
    <p>line 1</p> 
    <p><a>line 2</a></p> 
</div> 

Answer 2

그래서 당신은 CSS에서 display:inline을 사용해야 자동적으로 새로운 라인

에서 시작됩니다 대신 p 태그 p 같은 태그의 span 태그를 사용하거나 span 태그

<span>Some text</span> 
<span><a href="SomeSite.com">Some more text</a></span> 

DEMO

를 사용

질문에 대한 오해를 한 것 같습니다. 답변은 아래와 같습니다. HTML

<p>Some text</p><br/> 
<p><a href="SomeSite.com">Some more text</a></p> 

CSS :

p{ 
    display:inline; 
} 

DEMO

Answer 3

의미가 확실하지 않습니다.

단락이 아니라 줄 바꿈을 원하는 것처럼 들립니다.

그래서 ...

<p>Sometext<br><a href="#">Some other text</a></p> 

<br> 태그는 줄 바꿈입니다.

자세한 내용은 w3school을 확인하십시오. http://www.w3schools.com/html/html_paragraphs.asp 웹 디자인을 배우기에 좋은 자료입니다.