아래와 같이 했는데 적용이 안됩니다. strong 태그는 적용이 안되나요?
본문
아래와 같이 했는데 적용이 안됩니다.
strong 태그는 적용이 안되나요?
.view-content > p > strong {
margin-top:1.25em;
margin-bottom:0.25em;
}
아래와 같이 하면 적용이 됩니다.
.view-content > p {
margin-top:1.25em;
margin-bottom:0.25em;
}
strong 태그는 적용이 안되나요?
감사합니다
답변 2
html 을 사용한 구조도 작성해주셔야 할 것 같습니다.
strong 태그가 동작하지 않는 것은 아닙니다.
선택자를 잘못 설정 하셨을 확률이 매우 높죠 (컴퓨터는 거짓말 안한다잖아요)
단. strong 태그는 p 태그와 달리 inline 요소라 margin left / right 는 먹으나 위아래는 먹지 않습니다.
따라서 display 속성을 변경해주셔야 원하는데로 될 것입니다.
display: inline-block 으로 변경 이후 해보세요
답변 감사합니다.
sir,kr에서 많은 것을 배우네요.
p 태그는 블록 요소라 따로 display 속성을 변경하지 않는 이상 마진값이 잘 적용되는거고,
strong 태그는 인라인 요소라 display 속성을 inline-block 을 줘서 margin 을 줘야합니다
마진 블록을 주시려는 걸 보니,
내용
strong
내용
이런식으로 떨구시려는 것 같은 느낌인데, 생각한게 맞다면 strong 태그의 display 속성을 block 으로 주셔야합니다
답변 감사합니다.
sir,kr에서 많은 것을 배우네요.
