We would like to know how to thumbnail to a div box on border right.
<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
div {<!--from www .j ava 2 s. c om-->
background: #CCC;
height: 200px;
width: 200px;
border-right: 1px solid #CCC;
padding: 20px;
background-clip: content-box;
position: relative;
}
div:after {
width: 20px;
height: 48px;
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
margin-right: -10px;
background: red;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
The code above is rendered as follows: