Text and Button 하나의 그룹으로 묶기

 <ul>
     <li style="display:inline-block; padding-right:20px;">
        <div style="position:relative;">
            <p style="float:left; background-color:#f1f4f7; padding:3px;">fdgdgfdg</p>
            <button type="button" style="float:left; position:absolute; padding:3px 7px;">x</button>
        </div>
    </li>
</ul>

코드 결과