imgの内側にborder

パラグラフ

リスト

CSS部分

li {
list-style:none;
margin:1em;
}
p {
margin:1em;
}
img {
border:none;
vertical-align:middle;
}
a {
border:none;
display:inline-block;
overflow:hidden;
}
a:hover {
border:10px solid #333;
}
a:hover img {
margin:-10px;
}

このページは乱雑モックアップのサンプルページです。