我怎么能上移动“的情况下”的形象在HTML

Question

这是代码：https://codepen.io/vendettashakur/pen/rmLYBN 我想知道我怎么可以用的情况下移动图像上。

body { 
 
     background: #333; 
 
    } 
 
.wrapper { 
 
     padding: -10px; 
 
    margin: 10px; 
 
    margin-right: 900px; 
 
    text-align: center; 
 
} 
 
.treasure { 
 
     color: #fff; 
 
     display: inline-block; 
 
     max-width: 400px; 
 
     text-align: center; 
 
     padding: 70px; 
 
     margin: 20px; 
 
     font-size: 25px; 
 
     font-weight: bold; 
 
    } 
 
.block { 
 
     padding: 4px; 
 
     background: #7c4dff;; 
 
     border-radius: 2px; 
 
     margin-left: 4px; 
 
    } 
 

 
.subcase { 
 
     
 
     color: white; 
 
     display: inline-block; 
 
     max-width: 2000px; 
 
     text-align: center; 
 
     font-size: 15px; 
 
     font-weight: bold; 
 
     padding: -20px; 
 
     margin: -76px; 
 
     vertical-align: text-top; 
 
    } 
 
.treasureimage { 
 
     
 
     display: inline-block; 
 
     max-width: 2000px; 
 
     padding: 10px; 
 
     vertical-align: text-top; 
 
     
 
    
 
    }

<div class="wrapper"> 
 
    <p class="treasure"> 
 
     Treasure Chest 
 
     <span class="block"> 
 
      $1 
 
     </span></p> 
 
    <br> 
 
    <p class="subcase"> 
 
     10% chance of getting a top-grade game</p> 
 
    <br> 
 
    <img class="treasureimage"> 
 
     <img src="https://gamedrop.win/img/cases/case_blue.png" alt="case" style="width:200px;height:128px"> </img>

的图像必须被完美地安排好看。就这样。我尝试填充，边缘等，没有为我工作。

Answer 1

如果你期待的图像文本“百宝箱”后移，然后在你的HTML移动<img>标签后第一<p>标签