다음은 JS Fiddle 전체 코드입니다.
http://jsfiddle.net/0ad96zyr/1/
.ads-container
{
width: 274px;
height: 913px;
margin-top: 55px;
}
여기 내 컨테이너
http://imgur.com/nRJpbPA 와 같아야합니다.
나는 float 및 align을 사용하려고했지만 친절하게 작동하지 않습니다.
감사합니다!
당신은 제거 할 필요가 float: left
에서 .ads-prod-text
와 함께 플레이 margin
하고 padding
약간. 위치 지정이 필요하지 않습니다.
CSS
.ads-container{
width: 274px;
height: 913px;
margin-top: 55px;
}
.ads-ul{
list-style-type: none;
}
.ads-li{
width: 274px;
height: 185px;
background-color: #f7f7f7;
padding: 8px; //add padding to container for spacing
}
.ads-prod-title{
text-align: left;
display: inline-block; //add so it doesnt take full width
}
.ads-prod-icons{
padding: 0px;
margin: 0px;
float:right;
}
.ads-prod-img{
float: left;
margin: 20px 0 0 0; //add for spacing
}
.ads-prod-text{
/*float: left;*/ //remove
margin: 40px 0 0; //add for spacing
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다