html - How to make a div float over another div as this image -


i've been trying success @ achieve

this using desktop http://i.imgur.com/mymnxza.png

and 1 mobile view http://i.imgur.com/xszute5.png

how make this? if it's possible use twitter bootstrap awesome me....

cheers , in advance =d

you can develop on code; http://codepen.io/ogzhncrt/pen/xgbgpl

<div class="gn">   <div class="tx">     2   </div>   <div class="in">     <div class="tx">       1     </div>  </div> </div>  <style> body {   margin-left: 0px;   padding-left: 0px; }  .gn {   width: 800px;   height: 280px;   background-color: rgb(34,34,34);   text-align: -webkit-center;   padding: 40px; }  .in {   background-color: #f79779;   width: 800px;   height: 300px; }  .tx {   font-size: 172px;   color: #fff;   text-align: right;   padding-right:120px; }  @media (max-width:700px){   .gn {     padding:0px;     width:400px;   }   .tx {     padding-right:60px;    }    .in {     width:400px;   } } </style> 

Comments

Popular posts from this blog

yii2 - Yii 2 Running a Cron in the basic template -

asp.net - 'System.Web.HttpContext' does not contain a definition for 'GetOwinContext' Mystery -

mercurial graft feature, can it copy? -