title: how to detect actual width of span with jquery
body: <p>I want to get real width of span in div element that this element has certain width but when I do it give me width of div.</p>
  
  <p>this is my code:</p>
  
  <pre><code>&lt;div class="content"&gt;
       &lt;span class="type-text" id="tala"&gt;my name is marcos kasiri as2215fhkoj&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and this is my CSS code:</p>
  
  <pre><code>.content {
      display: block;
      padding: 5px 10px;
      width: 200px;
  }
  
  .content span {
     display: block;
     word-wrap: break-word;
     color: white;
  }
  </code></pre>
  
  <p>please tell me how to get real span value with jquery.</p>
  
  <p>my friends I have one div with width:200px and I write any word in span that this words is bigger as div but this span go on next line.so when I want get this span width show me 200px but I know that this span is bigger of 200px...</p>