.contain {position: relative; height: 3.5em; border: 1px dotted gray;} .cl1 {clip: rect(5px 10px 10px 5px); position: absolute; padding: 0; border: 1px solid gray; background: #FCC;} .cl2 {clip: inset-rect(5px 10px 10px 5px); position: absolute; padding: 0; border: 1px solid gray; background: #FCC;}
[cl1] The content of this 'p' element should be clipped slightly: 5 pixels on the top, 10 pixels to the right, 10 pixels on the bottom, and 5 pixels to the left. This will cause the text to be cut off to a small extent on each side of the element.
[cl2] The content of this 'p' element should be clipped slightly: 5 pixels on the top, 10 pixels to the right, 10 pixels on the bottom, and 5 pixels to the left. This will cause the text to be cut off to a small extent on each side of the element.