<!DOCTYPE html>
<html>
<head>
  <style>
  </style>
</head>
<body>
<table>
  <caption>
    <div>Before</div>
    Caption
    <div>After</div>
  </caption>
<tr>
  <td>
    <div>Before</div>
    Text
    <div>After</div>
  </td>
</tr>
</table>
<div>
  Before inline-block
  <div style="display: inline-block">
    <div>Before</div>
    Text
    <div>After</div>
  </div>
  After inline-block
</div>
<div>
  Before span
  <span>
    <div>Before</div>
    Text
    <div>After</div>
  </span>
  After span
</div>
<div>
  <div>Before</div>
  Text
  <div>After</div>
</div>
</body>
</html>