如何使元素居中？ [复制]答案

【问题标题】：How to center an element? [duplicate]如何使元素居中？ [复制]
【发布时间】：2016-04-29 23:54:15
【问题描述】：

我想居中上传文件的元素。现在它是左对齐的。

<p class="text-muted">Bla-bla-bla
<input type="file" name="attachment" id="attachment" onchange="document.getElementById('moreUploadsLink').style.display = 'block';" />
</p>

我测试了).text-align = 'center';"，但它不起作用。

更新：

<div class="col-md-4">
                    <span class="fa-stack fa-4x">
                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
                        <i class="fa fa-tasks fa-stack-1x fa-inverse"></i>
                    </span>
                    <h4 class="service-heading">Practical Session #1</h4>
                    <p class="text-muted" style="text-align:center;">Bla-bla-bla
                    <input type="file" name="attachment" id="attachment" onchange="document.getElementById('moreUploadsLink').style.display = 'block';" /></p>              
                </div>

【问题讨论】：

使用 text-align:center; jsfiddle.net/33191hsp，如重复问题中所述。
@web-tiki：谢谢。但是我不想碰我的 CSS 样式表，因为
在代码的其他部分有不同的设置。我想对我的特定元素应用居中。
使用内联样式：jsfiddle.net/33191hsp/1
@web-tiki：在我的代码中仍然不起作用。好，谢谢。我会检查其他选项。

标签： css html

【解决方案1】：

使用内联样式：样式=“显示：块；边距：0自动；这应该可以解决它

<div class="buttonHolder">
<p class="text-muted" style="text-align:center;">Bla-bla-bla</p>
<input type="file" name="attachment" class="attachment" onchange="document.getElementById('moreUploadsLink');" style="display: block; margin: 0 auto;"/></p>              

</div>

【讨论】：

<center> 元素 is deprecated
@web-tiki：您已将其标记为重复问题。我尝试了重复线程中提出的解决方案。仍然没有任何效果。
尝试将
更改为
不，它没有帮助。只是改变了文本的颜色样式。
@TheoLeinad 你能解释一下只改变元素的类会影响它的样式吗？