탭메뉴 내용 이미지 크기 질문이용
본문
탭메뉴에 내용을 넣을때 이미지를 넣었는데 크기가 커서그런지 정해진 영역을 벗어납니다!!
이렇게요..
텍스트는 벗어나는 오류 없이 자동줄바꿈이 잘되는 상태입니다.
이미지가 영역안에만 있도록하려면 어떻게 해야할까요?
//style.css에서 탭메뉴 관련 코드입니다.
#container {
width:70%;
margin: 1%;
text-align:left;
}
body{
margin-top: 100px;
line-height: 1.6
}
ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
}
ul.tabs li{
background: none;
color: #222;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
border:1px solid #ddd;
}
ul.tabs li.current{
background: #ffebf4;
color: #ff000b;
}
.tab-content{
display: none;
background: #ffffff;
padding: 15px;
border:1px solid #ddd;
}
.tab-content.current{
display: inherit;
background: #ffebf4;
border:1px solid #ddd;
}
답변을 작성하시기 전에 로그인 해주세요.
