Skip to content
Related Articles
Open in App
Not now

Related Articles

How to prevent line breaks in the list of items using CSS?

Improve Article
Save Article
  • Last Updated : 10 May, 2019
Improve Article
Save Article

The display:inline-block property is used to show an element in the inline-level block container. It converts the block of elements into an inline element. Use height and width property to set an inline element. The display property is used to prevent a line break of a list of items.


element {


<!DOCTYPE html>                        
        <title>preventline break in list items</title>
            li {
            h1 {
            h1, h2 {
            body {
        <b>Subjects Of Computer science:</b>
            <li>Computer Network</li>
            <li>Operating System </li>
            <li>Data Structure using C</li>
            <li>Object Oriented Programming Concepts</li>
            <li>Digital Electronics</li>


Supported Browsers: The browser supported by CSS display property are listed below:

  • Apple Safari 3.1
  • Google Chrome 4.0
  • Firefox 3.0
  • Opera 7.6
  • Internet Explorer 8.0

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!