如何使用引导对齐css类

我试图将几个div相互对齐，因为某些原因，它不起作用。我使用一个简单的引导模板…我的代码片段如下，我的JS提琴谢谢

     I basically want my html to look like align such as:
     Album1: Name1
     Album2: Name2

    <div id="wellbox" class="well pull-right">
        <div><h3>Album Sales & Net worth</h3></div>
           <hr>
        <a href="#"><p id="album0">Album1:</p></a>
             <div><p id="albumdata0" class="album-class">Name1</p></div>

        <a  href="#"><p id="album1">Album2:</p></a>
             <div><p id="albumdata1" class="album-class"></p>Name2</div>

        <a  href="#"><p id="album2">Album3:</p></a>
             <div><p id="albumdata2"  class="album-class">Name3</p></div>

        <a  href="#"><p id="album3">Album3:</p></a>
             <div><p id="albumdata3" class="album-class"></p></div>
    </div>

我基本上希望我的html看起来像align，例如：
专辑1:Name1
专辑2：名字2
专辑销量与净值

名称1
Name2
Name3

我可能会这样重组：

<div id="wellbox" class="well pull-right">
    <div><h3>Album Sales & Net worth</h3></div>
       <hr>
    <div class'albumContainer'>
        <a href="#"><p id="album0">Album1:</p></a>
        <div><p id="albumdata0" class="album-class">Name1</p></div>
    </div>
</div>

---

你可以把段落内联起来，但是你真的需要把每个单词都用段落来包装吗<代码>在

中可能无论如何都是无效的HTML是@One-Trick-Pony，我希望我的HTML文档在我的标记中自动隔开我的文本，这就是为什么每个单词都在和我的..@KJ之间的原因。这个结构与我的样式相同，它没有正确对齐div@KJ谢谢，我的div嵌套不正确。。问题解决了！

.albumContainer{
    clear: both;
}
.albumContainer a, .albumContainer div{
    display: inline-block;
}