이 헤더를 테두리 아래로 약간 이동할 수 있습니까?

이미지의 제목을 테두리 밖으로 또는 아래로 이동하려고합니다.이 헤더를 테두리 아래로 약간 이동할 수 있습니까?

title on border

나는 무 테마를 사용하고 국경 내가 아무 소용이 CSS 규칙에 패딩과 마진을 추가하는 시도

.course-content .section.main { 
    border:1px solid #E3E3E3; 
}

을 생성하는 CSS 블록을 추적했다. HTML 편집기에서 그것을 볼 때 제목이 HTML로 둘러싸여

.course-content .section.main{ 
    border:1px solid #E3E3E3; 
    border-spacing:5px; 
    }

난 그냥 국경 간격을 시도하지만은 테이블에 적용 할 것으로 보인다

.course-content .section.main { 
    border:1px solid #E3E3E3; 
    margin-top:5px; 
} 

.course-content .section.main { 
    border:1px solid #E3E3E3; 
    padding-top:5px; 
}

....

<div style="text-align: center; font-weight: bold;"> 
    <span style="font-size: x-large;" size="5"> 
     German III- HS/Part A 
    </span> 
    </div>

수백 개의 코스가 있으므로 수동으로 html을 편집하고 싶지 않습니다.

출처

2012-12-18 jamesTheProgrammer

(당신이 목표하고자하는 것보다 페이지에 더 스팬 속성에 적용 할 수있다,라고하는 것입니다있는) 작업을해야하지만, 충분히 독점하지 않을 수도 있습니다 CSS에서 언급 한 클래스가 HTML div 또는 span에 적용되지 않는다는 사실에 혼란 스럽습니다. 여백과 패딩은 HTML에 적용되지 않는 것으로 보입니다. –

잘못된 셀렉터에 패딩을 추가했을 가능성이 있습니다. 이 HTML에는이 두 클래스가 없습니다. 'border : 1px solid # E3E3E3; '는 네면에 테두리를 만들 것입니다. – Dharman

moodle은보다 글로벌 한 .php 페이지에서 .course-content .section.main을 사용하는 테마를 사용합니다. 인라인 HTML은 특정 코스의 텍스트 블록에 있습니다. 주 영역의 4면 모두에 경계선이 있으며 코스 내용 .section.main 클래스로 형식이 지정됩니다. – jamesTheProgrammer

padding 및 margin을 적용 할 때 사용하는 선택자가 원하는 것을 선택하지 않습니다. div 나 span에는 이러한 클래스가 없으므로 결과적으로 설정하는 채우기 또는 여백을 얻지 못합니다.

간격을 확보하는 옵션 중 하나는 범위에 padding-top을 적용하는 것입니다. 이렇게하려면 먼저 올바른 선택기를 먼저 찾아야합니다. 예를 들어

, 다음 선택은

div > span { 
    padding-top: 5px; 
}

출처

2012-12-18 15:49:52 jmeas

이 헤더를 테두리 아래로 약간 이동할 수 있습니까?

답변

관련 문제