How to control size of list-style-type disc in CSS?

Question

My HTML first:

    
More from Travelandleisure.com

        


        

Answer 1

You can also use 2D transform. It is illustrated in the snippet below with a list being scaled by 25%.

Nota: Bootstrap is used here for the sole purpose of layouting the demo (before/after effect).

---

ul#before {
}

ul#after {
  transform: scale(1.25);
}

div.container, div.row {
  padding: 20px;
}

ul {
  border: 6px solid #000000;
}

  

    

      Before
    
    

      After (scale 25%)
    
  

  

    

      

        
Lorem ipsum dolor sit amet...
        
In vel ante vel est accumsan...
        
In elementum libero vel...
        
Nam ut ante a sem mattis...
        
Curabitur fermentum nisl...
        
Praesent vel risus ultrices...
      
    
    

      

        
Lorem ipsum dolor sit amet...
        
In vel ante vel est accumsan...
        
In elementum libero vel...
        
Nam ut ante a sem mattis...
        
Curabitur fermentum nisl...
        
Praesent vel risus ultrices...
      
    
  

Reference:

• CSS3 2D transform: compatibility matrix