html - 如何使用 CSS 将内联元素置于 block 元素中？

Question

我正在尝试将内联元素(例如 span)置于固定宽度的 block 元素中，以便包含的内联元素决定文本在 block 元素中的布局方式。
像这样:

        .container {
            width: 200px;
            white-space: nowrap;
            overflow: hidden;
        }
        .centered {
            /* PLACE THIS AS THE CENTER (HORIZONTALLY) OF THE CONTAINER DIV */
        }

       <div class='container'>
        Lorem ipsum dolor sit amet, ullum latine vituperatoribus sed ad, ut sit nihil sententiae. Ad minim prodesset eum, mei ei <span class='centered'>dicam</span> facete accusata, sea nonumy postulant ut. No fabellas facilisis mel, iriure constituto constituam vix te. </div>
    

这是我正在寻找的想法:

感谢您的帮助。

Answer 1

.container {
        margin-left: 500px;
        width: 200px;
        white-space: nowrap;
        overflow: scroll;

           }
.centered {
            /* PLACE THIS AS THE CENTER (HORIZONTALLY) OF THE CONTAINER DIV */
          }