这种浮动在边框边缘的效果怎么做？

像这种效果，请问有没有bootstrap的控件呢？或者用普通的css怎么布局？
------解决方案--------------------

<style type="text/css">

*{margin:0;padding:0}

.box{position:relative;width:400px;height:300px;background:#fafafa;border:1px solid #ccc;margin:50px 0 0 50px}

.arrow{position:absolute;top:-20px;right:0;width:50px;height:50px;background:#f00;color:#fff;}

</style>

<div class="box">

	<div class="arrow">右上角</div>

    <p>中华人民共和国中华人民共和国</p>

</div>

把arrow里的换成你右上角的图。。