本文へジャンプ
デジパのウェブサイト制作digipeアイコン
デジパのウェブサイト制作に関する基本的な取り組み姿勢をご紹介します。デジパのウェブサイト制作がクライアント企業から評価される理由とは。
デジパのウェブサイト制作digipeアイコン
デジパのウェブサイト制作に関する基本的な取り組み姿勢をご紹介します。デジパのウェブサイト制作がクライアント企業から評価される理由とは。デジパのウェブサイト制作に関する基本的な取り組み姿勢をご紹介します。デジパのウェブサイト制作がクライアント企業から評価される理由とは。
デジパのウェブサイト制作digipeアイコン
デジパのウェブサイト制作に関する基本的な取り組み姿勢をご紹介します。デジパのウェブサイト制作がクライアント企業から評価される理由とは。
#main dl.serviceList {
	margin: 0 0 20px;
}

#main dl.serviceList dt {
	position: relative;
	width: 460px;
	margin-bottom: 5px;
	padding-top: 15px;
	padding-left: 80px;
	font-weight: bold;
	border-top: 1px dotted #ACACAC;
}

#main dl.serviceList dt.firstChild,
#main dl.serviceList dt:first-child {
	border-top: 0;
	padding-top: 0;
}

#main dl.serviceList dt a {
	padding-left: 15px;
	background: url(../img/item/mark_01.gif) no-repeat left center;
}

#main dl.serviceList dt img {
	position: absolute;
	top: 15px;
	left: 0;
	padding: 2px;
	border: 1px solid #EEE;
}

#main dl.serviceList dt.firstChild img,
#main dl.serviceList dt:first-child img {
	top: 0;
}

#main dl.serviceList dd {
	margin-bottom: 15px;
	padding-left: 80px;
	height: 50px;
}

#main dl.serviceList > dd {
	min-height: 50px;
	height: auto;
}
<dl class="serviceList">
<dt><a href="./">デジパのウェブサイト制作
<img src="./img/item/icon_digiper.gif" alt="digipeアイコン" /></a></dt>
<dd>
デジパ(略)評価される理由とは。
</dd>
<dt><a href="./">デジパのウェブサイト制作
<img src="./img/item/icon_digiper.gif" alt="digipeアイコン" /></a></dt>
<dd>
デジパ(略)評価される理由とは。デジパ(略)評価される理由とは。
</dd>
<dt><a href="./">デジパのウェブサイト制作
<img src="./img/item/icon_digiper.gif" alt="digipeアイコン" /></a></dt>
<dd>
デジパ(略)評価される理由とは。
</dd>
</dl>

※ 見やすくするために適当な場所で改行してます。

ページの先頭へ戻る