html - 如何将文本移到图像的右侧？

Question

我的代码显示:

我希望它看起来像这样:

HTML:

</div>
    <div class= "Row1">
      <h2>Looking for a Job?</h2> 
      <p> Applying to a job can be such a chore.&nbsp;&nbsp;But chore no more!&nbsp;&nbsp;Send me your resume regardless of state and I will do the leg work for you. <br>
        I have helped many people apply to jobs.&nbsp;&nbsp;I am not a paid for recruiter.&nbsp;&nbsp;I will look for your dream job regardless of industry, no kickbacks just your success!</p>
            <img src= "http://laura.finance/img/road.png">
</div>  

Answer 1

只需稍作修改即可使用您的代码

HTML:

<div class= "Row1">
    <div class="left">
        <h2>Looking for a Job?</h2> 
        <p> 
            Applying to a job can be such a chore.&nbsp;&nbsp;But chore no more!&nbsp;&nbsp;Send me your resume regardless of state and I will do the leg work for you. <br>
            I have helped many people apply to jobs.&nbsp;&nbsp;I am not a paid for recruiter.&nbsp;&nbsp;I will look for your dream job regardless of industry, no kickbacks just your success!
        </p>
    </div>
    <div class="right">
        <img src= "http://laura.finance/img/road.png">  
    </div>
    <div class="clearfix"></div>   
</div><!-- End row -->

CSS:

.Row1{
  padding: 15px;
  background-color:red;

}
.right img{
    width: 100%;
}
.left{
  Float:left;
  Font-size: 30px;
  width: 70%;
}
.right{
    float: right;
    width: 30%;
}
.clearfix{
    clear: both;
}