javascript - アイコンを追加した後、jqueryアコーディオンの見出しとdivの幅が一致しません

Question

見出しに 2 つのアイコン (編集、削除) を追加すると、見出しと div の幅が一致しなくなります。標準のアコーディオンのように見出しと div の幅を一致させるにはどうすればよいですか? ありがとう

<div id="accordion">
                          <h3><a href="javascript:;">
                          <span style="float:right;" class="ui-icon ui-icon-pencil hand" onclick="javascript:doEdit();"></span>
                          <span style="float:right;" class="ui-icon ui-icon-trash hand" onclick="javascript:doDelete();"></span>
                          <span>Created By: J Doe</span>
                            </a>
                            </h3>
                          <div>
                            <p>test</p>
                          </div>
                        </div>