jQuery跨文本复制并用作宽度

Question

我正在尝试将跨度文本值复制到html宽度值，但是我无法使其正常工作？

使用下面的代码，我试图复制文本，但是如何将其设置为p元素的宽度？

$('.duplicate').text(function() {
  return $(this).closest('ul li').find('em').text();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul>
  <li>
    <p class="duplicate"></p>
    <em>100</em>
  </li>
  <li>
    <p class="duplicate"></p>
    <em>200</em>
  </li>
  <li>
    <p class="duplicate"></p>
    <em>300</em>
  </li>
</ul>