使用CSS动态移动div

Question

我有这个结构，我想要div＆＃34; icon＆＃34;在文本很长时动态移动

有什么想法吗？

谢谢。

＆＃13;

＆＃13;

.tit {
  display: table;
}

.icon {
  border-top: 5px solid currentcolor;
border-right: 5px solid currentcolor;
min-width: 42px;
float: left;
height: 22px;
margin-top: -23px;
margin-left: 25px;
}

＆＃13;

<div class="tit">Titleeeeeeeeeeeeeeeee</div>
<div class="icon"></div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

包装为flexbox。

.wrapper {
  display: flex;
}

.icon {
  border-top: 5px solid currentcolor;
  border-right: 5px solid currentcolor;
  min-width: 42px;
  height: 22px;
  margin-left: -40px;
}

<div class="wrapper">
  <div class="tit">Titleeeeeeeeeeeeeeeee</div>
  <div class="icon"></div>
</div>

Answer 2

将div class="tit"包裹在div class="icon"

中

<div class="icon">
  <div class="tit">Titleeeeeeeeeee</div>
</div>

jsfiddle example