javascript - 文本对齐 HTML 和 CSS

Question

好的，所以我一直在尝试对齐我的文本，但似乎什么也没发生。对齐此代码的最佳方法是什么，我希望它以购物袋为中心。我也在使用 CSS 来设计样式。

<div class="total">
  <span class="simpleCart_total">$0.00</span>
</div>
<h3>
  <center>
    <img src="shopping%20bag.png" alt="shopping bag" width="25" height="25">
  </center>
</h3>
<script src="Java.js"></script>
<p><a href="Java.js" class="simpleCart_empty"> Empty Cart</a></p>

Answer 1

您可以将内容包裹在一个 div 中并使用 text-align 来对齐文本。

HTML

<div class="textCenter">
    <div class="total">
        <span class="simpleCart_total">$0.00</span>
    </div>
    <h3><center><img src="shopping%20bag.png" alt = "shopping bag" width="25" height="25"></center></h3>
    <script src="Java.js"></script>
    <p><a href="Java.js" class="simpleCart_empty"> Empty Cart</a></p>
</div>

CSS

.textCenter {
    text-align: center;
}