WordPress.org

1. physrevenue
   Member
   Posted 1 year ago #

   Hello all: I am trying to create a list, for example like this:

   milk bread
   juice butter
   soda eggs

   Want the list to be side by side (with or without bullets)

   Please help
   Thanks

2. alchymyth
   The Sweeper
   Posted 1 year ago #

   give each li element a fixed width, and float:left, within the ul with just more than twice the width of the li elements.

   example in css:
   

   ul {width: 210px;}
   li {width: 100px; float:left;}

   re bullets: http://www.w3schools.com/Css/css_list.asp

3. physrevenue
   Member
   Posted 1 year ago #

   Thanks so much. But I wanted the list to be side by side not one underneath another. Also, can you tell me how to put two more buttons next to "get started" button on my site. I want to use the same button color and style but one says FREE DEMO and other says FREE Advice. Would like to have them evenly spaced in area. See physicianrevenuesolutions.com. Thanks so much for your help

4. alchymyth
   The Sweeper
   Posted 1 year ago #

   But I wanted the list to be side by side not one underneath another.

   might need a 'display:inline;' in the li style ...
   difficult to tell without seeing the setting, i.e. site, into which this list is going to go.

   Also, can you tell me how to put two more buttons next to "get started" button on my site.

   thanks - i have seen this question in your other thread.

5. theotherlebowski
   Member
   Posted 1 year ago #

   it's a crazy old school idea but you could use a table...
   

   <table>
    <tr>
     <td>milk</td>
     <td>bread</td>
    </tr>
    <tr>
      <td>juice</td>
      <td>butter</td>
    </tr>
   </table>

   etc...

Topic Closed

This topic has been closed to new replies.