title: How to bevel the corner of a block div?
body: <p>I have the following HTML document:</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8"&gt;
          &lt;title&gt;Тег DIV&lt;/title&gt;
          &lt;style type="text/css"&gt;
              .block1 { 
                  width: 200px; 
                  background: #ccc;
                  padding: 5px;
                  padding-right: 20px; 
                  border: solid 1px black; 
                  float: left;
              }
          &lt;/style&gt; 
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div class="block1"&gt;Text Content&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>How do I describe the style to get the following?
  <img src="https://i.stack.imgur.com/2GYeQ.jpg" alt="enter image description here"></p>