How to align css class using bootstrap


Tags: css,twitter-bootstrap,margin

Problem :

im trying to align several divs with each other, for some reason its not working. Im using a simple bootstrap template...My code snippet is below and My JS fiddle is http://jsfiddle.net/sean3200/yU3TA/ Thanks!!

     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>


Solution :

I would probably restructure as so:

<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>

and then I would add the following style:

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

    CSS Howto..

    How to use Pseudo-Elements : before & :after to create end caps

    How do you make something in the center of the page in CSS? [duplicate]

    How to select all elements that are not of a class within an id css

    How to feather the edges of an image using CSS

    How to find the relevant stylesheet for a specific CSS code [closed]

    How to force the Sass interpreter to output non-css code?

    Having 2 css code blocks in html files how to make only one work using JS?

    How to disable IE11 WebBrowser control scaling

    How to set style for n-th td in a table using css

    activating “authorization” causes CSS stop working! how solve it?

    How do I make an inline-block stretch?

    How to add a color overlay to a background image?

    How to set 3 div's to fit the screen width

    How to Add flexibility to SASS for another color

    CSS how to push text away from border

    How can I center a graphic under a
      -based nav menu?

    How to make IE support min-width / max-width CSS properties?

    How to create a CSS shade effect with a faded sidebar

    Vim: How would I recursively run “:sort” for everything between curly braces?

    how i center div elements horizontally in css?

    how to make the position of div is fixed even though it's empty?

    How to have multiple borders on div using css

    How do I vertically center an img in a div?

    How to make information appear only when hovered over using jquery and css?

    Is this how CSS LESS and SimpLESS work? [closed]

    How to have different size images fluidly respond CSS?

    How to define a good convention for css?

    How to show “next”, “previous” buttons on an image (on mouseover)?

    How to style an input that is a type=“button”?

    How can I align this?