Removing margin on inline-block element after wrapping lines

Question

I\'m hoping there\'s a way to do this without JavaScript. I have two elements displayed with inline-block. They are both 200 pixels in width and height, so they both appear

Answer 1

If you have more elements inside one container and wrap them evenly use below code it will work perfect.

I am using UL, LI and minimal css

https://jsfiddle.net/mkpasala/ayw8szcn/

Wrap children evenly

  
TestSkill
  
TestSkill1
  
TestSkill2
  
Test - Skill
  
Chat-Skill
  
testing disposition
  
Narender
  
Inya
  
Chat_Inya
  
Agent1
  
agenttwo
  
mahender
  
naresh
  
venkat-skill
  
English
  
French
  
testpoc
  
mahender1
  
devskill
  
praveen



.skillscont-list{
    margin: 0px;
    padding: 0px;
    overflow: overlay;
    list-style-type:none;
}
.skillscont-list li{
    border:1px solid black;
    float: left;
    widht: auto;
    padding: 5px 10px;
    margin: 5px;
    color:white;
    font-weight:bold;
    background-color:gray;
}