Divタグの中で右下に文字を表示させたい

作りたいイメージ

実装方法

親と子のDivを作って、親にはposition:relative; 子にはposition: absolute;を指定すれば良かった

main.html

<div id="parent_flame">
  <ul>
    <li>項目１</li>
    <li>項目２</li>
    <li>項目３</li>
  </ul>
  <div id="child_flame">
   [+]
  </div>
</div>

target.css

#parent_flame {
  height:100%;
  position:relative;
  border:1px solid #ccc;
}

#child_flame {
    position: absolute;
    bottom: 0px; /** 場合によっては微調整 **/
    right: 0px;  /** 場合によっては微調整 **/
}