html - 如何内嵌div元素？

Question

我正在尝试将这两个 div 内联。

HTML

<div class="thisFlak">
</div>

<div class="thisFlakNotes">
</div>

CSS

.thisFlak{
  width: 603px;
  height: 253px;
  border: 2px solid red;
  margin-left: 10px;
  margin-bottom: 30px;
}
.thisFlakNotes{
  width: 100px;
  height: 200px;
  border: 1px solid black;
  background: white;
}

我不能把“.thisFlak”搞得一团糟，因为它包含很多其他东西。

fiddle
https://jsfiddle.net/xwzcbn6w/

Answer 1

DEMO

CSS

.thisFlak {
  width: 603px;
  height: 253px;
  border: 2px solid red;
  margin-left: 10px;
  margin-bottom: 30px;
  /* to make it inline */
  display: inline-block; 
  /* aligning vertically you can make it top / bottom / baseline */
  vertical-align: middle
}

.thisFlakNotes {
  width: 100px;
  height: 200px;
  border: 1px solid black;
  background: white;
  /* to make it inline */
  display: inline-block;
  /* aligning vertically you can make it top / bottom / baseline */ 
  vertical-align: middle 
}