I do not know how best to issue such a solution on css

  • one
    Use the site search, already at least 3 times asked this question with exactly the same frame. - E_K
  • one
    <fieldset> <legend> </ legend> </ fieldset> - user33274
  • one
    In defense of the author: what do you enter in the search? - midia

1 answer 1

It seems to be not a complicated layout.

.orient { width: 200px; height: 300px; border: 6px solid gold; transform: translate(80px, 30px); position: relative; } .bottom { background: #fff; position: absolute; bottom: 60px; transform: translateX(-50%); padding: 10px; } .bottom a { color: gold; } .top { width: 100px; height: 130px; background: #fff; transform: translate(-50%, 30px); } 
 <div class="orient"> <div class="top"></div> <div class="bottom"> <a href="">learn more</a> </div> </div>

  • Thank you very much! - Ilya Babel