Internet Explorer Div对齐问题

Question

My code works fine on chrome and firefox but in IE (latest version) , "px" thing is shown in next line. I tried display:inline , that does the trick but disturbs the alignment badly. Is their any other way by which i can make them align on same line ? Thanks

<div class="dfs_config_group">
    <div class="dfs_config_field_label">Font Size</div>
    <div class="dfs_config_field">
        <div class="dfs_config_append mini">
            <input type="text" name="dg_footer_wrapper_inner[font-size]" value="12">
            <div class="add_on">px</div>
        </div>
    </div>
</div>

Answer 1

尝试使用display：inline-block

Answer 2

我使用style =“ display：inline”，问题已解决。