在滑块项上叠加字母

Question

我试图在光滑的滑块项目上叠加一个字母..不想实现this之类的东西。 但它不起作用。我做错了什么？这是我的fiddle

 <div class="slider single-item">

    <div id="item">
      <div class="container">
        <div class="row">

          <div class="col-lg-6 col-md-6" id="member_image">
            <img class="img-responsive shadow" src="https://www.epicurrence.com/images/speakers/mackey.jpg" />

          </div>
          <div class="col-lg-6 col-md-6 text-center">
            <hr id="devider" />
            <div id="member_name">Bradley Michael</div>
            <div id="position">Graphic Designer </div>
            <hr style="width: 15px; margin: auto; margin-top: 30px; margin-bottom: 30px;" />
            <div id="member_text">
              Urabitur eget odio ac risus malesuada gravida ac non dolor. In dignissim purus augue. Duis mauris justo, interdum id dolor eget, consequat consectetur ante. Quisque tempus nunc rutrum ipsum venenatis, quis mollis risus ultrices. Maecenas vitae odio eget
              nulla volutpat semper ac in lacus.
            </div>
          </div>

        </div>
      </div>
      <div id="overlay_member">B</div>
    </div>
</div>