Simple two column html layout without using tables

后端 未结 12 1727
夕颜
夕颜 2021-01-30 05:17

I\'m looking for a super easy method to create a two column format to display some data on a webpage. How can i achieve the same format as:


    &l         
12条回答
  •  夕颜
    夕颜 (楼主)
    2021-01-30 05:38

    This code not only allows you to add two columns, it allows you to add as many coloumns as you want and align them left or right, change colors, add links etc. Check out the Fiddle link also

    Fiddle Link : http://jsfiddle.net/eguFN/

    
    

    Css is as follows

    .menu {
    font-family:arial;
    color:#000000;
    font-size:12px;
    text-align: left;
    margin-top:35px;
    }
    
    .menu a{
    color:#000000
    }
    
    .menuUl {
      list-style: none outside none;
      height: 34px;
    }
    
    .menuUl > li {
      display:inline-block;
      line-height: 33px;
      margin-right: 45px;
    
    }
    

提交回复
热议问题