Html 无法在“中找到元素”；内联“；类型

我正在尝试完成一个类的项目，但是，我无法找到项目设计规范中所示的元素。“.right”类中的所有内容都应该与“.left”类元素水平。你能帮帮我吗？如何编写CSS规则，使输出如图所示

  <div class="left">
    <img src="C:\colmar\information-main.jpg"/>
    <div class="text">
      <h2>It doesn`t hurt to keep practicing</h2>
      <p>"Curabitur vitae libero in ipsum portitor consequat. Aliquam et commodo lectus, <br/> nec consequat neque. Sed non accumsan uma. Phasellus sed consequat ex. Etiam <br/> eget magna laoreet, eficitur dolor consequat, tristique ligula."</p>
      <span>Emanuel, Sr Strategist at Hiring.com</span>
    </div>
  </div>

  <div class="right">
    <div class="orientation">
      <img src="C:\colmar\information-orientation.jpg"/>
      <h4>Orientation date</h4>
      <p>Tue 10/11 and Wed 10/12: 8am - 3pm</p>
      <a href="read"Read more</a>
    </div>
    <div class="campus">
      <img src="C:\colmar\information-campus.jpg"/>
      <h4>Our campus</h4>
      <p>Find which campus is close by you</p>
      <a href="read_more"Read more</a>
    </div>
    <div class="lecture">
      <img src="C:\colmar\information-guest-lecture.jpg"/>
      <h4>Our guest lecture</h4>
      <p>Join a keynote with Oliver Sack <br/>about music in medical treatment</p>
      <a href="more">Read More</a>
    </div>
  </div>

</div>[enter image description here][1]

坚持练习没有坏处
“在同一时期，馆长的自由生活是平等的，平等的，平等的，自由的，
不平等的，不平等的，平等的，平等的，
不平等的，平等的，平等的，
不平等的，平等的，平等的，平等的。”

Emanuel，招聘网高级策略师
入职日期
11月10日星期二和12月10日星期三：上午8点至下午3点

[在此处输入图像描述][1]

是的，根据@domsson的说法，您必须在CSS和div对齐方面付出一些努力。除此之外，让我帮助您开始一些工作。查看以下代码以获得基本帮助

代码样式：

对于html：

坚持练习没有坏处
“在同一时期，馆长的自由生活是平等的，平等的，平等的，自由的，
不平等的，不平等的，平等的，平等的，
不平等的，平等的，平等的，
不平等的，平等的，平等的，平等的。”

Emanuel，招聘网高级策略师
入职日期
11月10日星期二和12月10日星期三：上午8点至下午3点

什么是“图片”？什么是“无法定位元素”？您当前的结果是什么样的？请将您的代码转换为一个。你的问题到底是什么？“你能帮帮我吗？”是一个问题。请同时签出，然后相应地编辑您的问题。干杯。有一张图片显示了项目完成后网页的外观。问题框底部有一个指向图像的链接。我可以做左边的元素，但是，我遇到了“.right”类元素的问题。另外，作为正确方向的一般提示，请阅读关于“.right”类元素、边距和填充的内容。或者，如果您的作业要求您使用浮动，请阅读这些内容。另外，你为什么要拍摄一张图片的截图并上传，而不是上传真实的图片本身呢！重要的是，只有在绝对必要的情况下才应该使用它，我认为这里不应该使用它（OP可能不会进一步研究它，而只是在其他地方使用它）。而且，标记甚至不会进行验证。检查，例如，

.container
{
    padding: 15px;
    margin: 15px auto;
    width: 100%;
    float: left;
    display: block !important;
    position: relative;
}
.left
{
  width: calc(48px + 60%);
  float:left;
}
.right
{
  width: calc(40% - 48px);
  float:left;
}
h2
{
    margin: 32px 0px 32px 0px;  
}

<div class="container">
<div class="left">
    <img src="C:\colmar\information-main.jpg"/>
    <div class="text">
      <h2>It doesn`t hurt to keep practicing</h2>
      <p>"Curabitur vitae libero in ipsum portitor consequat. Aliquam et commodo lectus, <br/> nec consequat neque. Sed non accumsan uma. Phasellus sed consequat ex. Etiam <br/> eget magna laoreet, eficitur dolor consequat, tristique ligula."</p>
      <span>Emanuel, Sr Strategist at Hiring.com</span>
    </div>
  </div>

  <div class="right">
    <div class="orientation">
      <img src="C:\colmar\information-orientation.jpg"/>
      <h4>Orientation date</h4>
      <p>Tue 10/11 and Wed 10/12: 8am - 3pm</p>
      <a href="read"Read more</a>
    </div>
    <div class="campus">
      <img src="C:\colmar\information-campus.jpg"/>
      <h4>Our campus</h4>
      <p>Find which campus is close by you</p>
      <a href="read_more"Read more</a>
    </div>
    <div class="lecture">
      <img src="C:\colmar\information-guest-lecture.jpg"/>
      <h4>Our guest lecture</h4>
      <p>Join a keynote with Oliver Sack <br/>about music in medical treatment</p>
      <a href="more">Read More</a>
    </div>
  </div>

</div>