<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="tutorial-piece"> <div class="row"> <div class="col-md-4"> <h3> <span class="eraser b"> Erase </span>Boundary Crossing Marks </h3> <p> Leave space to let the algorithm find the exact edge. <span class="bg b">Red</span> and <span class="fg b">green</span> should never touch. </p> <p> Use the <span class="yo-data-uri sword-tool-icon-svg"></span> <a href="/tutorials/scalpel">scalpel</a> for precision control of the boundary. </p> </div> <div class="col-md-8"> <table class="tutorial-table"> <tbody><tr> <td> <div style="position: relative;"> <video webkit-playsinline="webkit-playsinline" autoplay="autoplay" loop="loop" playsinline="playsinline" muted="muted" class="video_player video_player_responsive" controls="controls"> <source src="//dyl80ryjxr1ke.cloudfront.net/external_assets/videos_v2/erase.webm" type="video/webm"> <source src="//dyl80ryjxr1ke.cloudfront.net/external_assets/videos_v2/erase.mp4" type="video/mp4"> </video> </div> </td> </tr> </tbody></table> </div> </div> </div>