multiple select box html css

Select multiple select box

example :

Best Practices
Client Relationships
Communications
Compensation
Contracts and Negotiations
Design and Construction Marketplace
Design/Build Project Delivery
Education
Financial Management and Profitability
Global Marketplace
Human Resources
Intelligent Choices
Leadership
Management
Marketing
Mergers and Acquisitions
Operations Management
Public Relations
Staff Recruitment and Retention
Strategic Planning
Strategy
Sustainability
Technology
Trends

code :

<p style="height: 100px; overflow: auto; border: 5px solid #eee; background: #eee; color: #000; margin-bottom: 1.5em;">
<label><input type="checkbox" name="items[]"> Best Practices</label><br>
<label><input type="checkbox" name="items[]"> Client Relationships</label><br>
<label><input type="checkbox" name="items[]" checked="checked"> Communications</label><br>
<label><input type="checkbox" name="items[]"> Compensation</label><br>
<label><input type="checkbox" name="items[]"> Contracts and Negotiations</label><br>
<label><input type="checkbox" name="items[]"> Design and Construction Marketplace</label><br>
<label><input type="checkbox" name="items[]"> Design/Build Project Delivery</label><br>
<label><input type="checkbox" name="items[]"> Education</label><br>
<label><input type="checkbox" name="items[]"> Financial Management and Profitability</label><br>
<label><input type="checkbox" name="items[]"> Global Marketplace</label><br>
<label><input type="checkbox" name="items[]"> Human Resources</label><br>
<label><input type="checkbox" name="items[]"> Intelligent Choices</label><br>
<label><input type="checkbox" name="items[]"> Leadership</label><br>
<label><input type="checkbox" name="items[]"> Management</label><br>
<label><input type="checkbox" name="items[]"> Marketing</label><br>
<label><input type="checkbox" name="items[]"> Mergers and Acquisitions</label><br>
<label><input type="checkbox" name="items[]"> Operations Management</label><br>
<label><input type="checkbox" name="items[]"> Public Relations</label><br>
<label><input type="checkbox" name="items[]"> Staff Recruitment and Retention</label><br>
<label><input type="checkbox" name="items[]"> Strategic Planning</label><br>
<label><input type="checkbox" name="items[]"> Strategy</label><br>
<label><input type="checkbox" name="items[]"> Sustainability</label><br>
<label><input type="checkbox" name="items[]" checked="checked"> Technology</label><br>
<label><input type="checkbox" name="items[]" checked="checked"> Trends</label>
</p>

refer this link for more : http://www.lessanvaezi.com/filter-select-list-options/