글 머리 기호로 여백/여백 만들기

글 머리 기호를 여백/여백으로 이동하는 방법을 알아낼 수 없습니다. 내가하는 일과 상관없이, 그것은 DIV 내의 글 머리 점이 아니라 단어 위로 움직입니다. 어떤 도움을 주셔서 감사 드리며 내가 갖고있는 JSFiddle을 보여 주도록하겠습니다.글 머리 기호로 여백/여백 만들기

JSFiddle는 : http://jsfiddle.net/Z8Me4/

.lymelist li { 
background: url(images/columnbullet.png) no-repeat left 4px; 
font: normal 12px/18px Arial, Helvetica, sans-serif; 
color: #4f4f4f; 
padding-left: 23px; 
margin: 5px 0; 
} 
.lymelist li ul li { 
background: none; 
list-style: lower-alpha; 
padding-left: 0; 
margin-left: 20px; 
}

출처

2014-04-14 Eric

어떤 브라우저에서 확인 하시겠습니까? 내가 문제를 볼 수 없기 때문에 – user2167382

항상 유효성 검사기를 통해 HTML을 실행하십시오! http://validator.w3.org/#validate_by_input – superUntitled

사용 list-style-position:inside; http://jsfiddle.net/Z8Me4/1/

당신은 또한 당신의 단락을 태그 안에있는 로 변경 ... http://jsfiddle.net/Z8Me4/4/

<ul class="one_column lymelist"> 
    <p>Some 2013 Highlights:</p> 
    <p><B><u>Public Health and Epidemiology</u></B></p> 
    <li>CDC revises of number of new Lyme cases to 300,000 a year</li> 
    <li>...</li> 
</ul>

요구를 작동 살펴하지 않습니다

<p>Some 2013 Highlights:</p> 

<p><B><u>Public Health and Epidemiology</u></B></p> 

<ul class="one_column lymelist"> 
    <li>CDC revises of number of new Lyme cases to 300,000 a year</li> 
    <li>...</li> 
</ul>

당신은 그러나 당신이 원하는 li 태그 또는 ul 태그를 들여 할 수있을 것입니다.

출처

2014-04-14 15:04:33 superUntitled

+1은 간단하고 정확한 답변입니다. –

그래서 JSFiddle에서는 CSS를 변경했을 때 제 실제 웹 페이지에서는 작동하지 않았습니다. 보고 싶지 않다면 여기 웹 페이지가 있습니다. CSS에서 list-style-position : inside 태그를 추가 한 것을 볼 수 있습니다. http://www.lymemd.org/indexmm4.php 나는 그것이 작동하지 않는다고 말할 때 당신이 의미하는 것이 확실하지 않습니다. 설명해 주시겠습니까? 고맙습니다! – Eric

'ul' 태그는 그 안에'li' 태그 만 가질 수 있습니다. 당신은'p' 태그를 가지고 있습니다. 나는 이것을 나의 대답에서 더 잘 설명했다. – superUntitled

당신은 총알을 이동할 수 없습니다. li 내용을 이동해야합니다. 기간 내부에 리튬 컨텐츠를 싸서

<ul> 
    <li><span>CDC revises of number of new Lyme cases to 300,000 a year</span></li> 
</ul>

CSS에게 그것을 상대 위치를 제공

li span 

    { 
     position:relative; 
     left:-5px; 
    }

JSFiddle : http://jsfiddle.net/cnWK7/

출처

2014-04-14 15:02:32

글 머리 기호로 여백/여백 만들기

답변

관련 문제