• 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

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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: https://www.w3schools.com/Css/css_list.asp

    Thread Starter physrevenue

    (@physrevenue)

    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

    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.

    jack randall

    (@theotherlebowski)

    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…

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘side by side list’ is closed to new replies.