divPosition.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"></meta>
  <style>
  span {
    position: absolute;
    left: 20px;
  }

  div {
    border: 1px solid black;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  #container {

  }

  #otherContent {
      display: inline-block;
      position: relative;
      height: 100px;
      width: 100px;
  }

  #content {
      display: inline;
      position: relative;
      bottom: 0px;
  }
  </style>
<head>
<body>
<p>content bla <span>in span</span> bla bla</p>
<div id="container">
<div id="otherContent"></div>
<div id="content"></div>
</div>
<script
  src="https://code.jquery.com/jquery-3.1.1.js"
  integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA="
  crossorigin="anonymous"></script>
<script>

</script>
</body>
</html>