수다닷컴

레이아웃 연습중인데 빨간박스가 왼쪽에 붙이고 싶은데 잘 안돼네요..
소스입니다.
알려주세요~~

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml
head
meta http-equiv=Content-Type content=text/html; charset=UTF-8 /
titleUntitled Document/title
style type=text/css media=screen
#sweden {
float: left;
width: 304px;
padding: 10px 0;
background: url(img/bg.gif) no-repeat top left;
}
#sweden dl {
float: left;
width: 260px;
margin: 10px 20px;
padding: 0;
display: inline; /* 윈도우용 인터넷 익스플로러의 마진값 두배 표시 문제 해결책 */
}
#sweden dt {
margin: 0;
padding: 0;
font-size: 130%;
letter-spacing: -1px;
color: #627081;
}
#sweden dd {
margin: 0 0 0 98px;
padding: 0;
font-size: 85%;
line-height: 1.5em;
color: #666;
}
#sweden dl dd.img {
margin: 0;
}
#sweden dd.img img {
float: left;
margin: 0 8px 0 0;
padding: 4px;
border: 1px solid #D9E0E6;
border-bottom-color: #C8CDD2;
border-right-color: #C8CDD2;
background: #fff;
}
#sweden dd.btn img {
float: left;
margin: 0 8px 0 0;
padding: 4px;
border: 1px solid #D9E0E6;
border-bottom-color: #C8CDD2;
border-right-color: #C8CDD2;
background: #fff;
}
#sweden dd.radar img {
float: left;
margin: 0 8px 0 0;
padding: 4px;
border: 1px solid #ff0000;
background: #fff;
}
/style
/head
body

div id=sweden
dl
dt제목/dt
dd class=imgimg src=img/gamlastan.jpg width=80 height=80 alt=Gamla Stan //dd
dd설명/dd
dd class=btnimg src=img/gamlastan.jpg width=80 height=20 alt=Gamla Stan //dd
/dl
dl
dt제목/dt
dd class=imgimg src=img/watch.jpg width=80 height=80 alt=Wristwatch //dd
dd설명/dd
dd class=btnimg src=img/gamlastan.jpg width=80 height=20 alt=Gamla Stan //dd
dd class=radarimg src=img/gamlastan.jpg width=160 height=40 alt=Gamla Stan //dd
/dl
/div

/body
/html

신청하기