diff --git a/guide/english/css/layout/inline-block/index.md b/guide/english/css/layout/inline-block/index.md index d45f4a5f73..aa3aa8c8f2 100644 --- a/guide/english/css/layout/inline-block/index.md +++ b/guide/english/css/layout/inline-block/index.md @@ -2,13 +2,30 @@ title: Inline Block --- ## Inline Block -Inline-block is a possible value of the display property. +inline-block is a possible value of the display property. Elements marked as _inline-block_ behave like inline elements (_spans_, for example), but can have width and height. - +You can add inline-block to navigation so it is displayed horizontally instead of vertically. + +HTML: + +```html +
+``` + +CSS: + +```css +.nav li { + display: inline-block; + padding: 20px; +} +``` #### More Information: - -This is a great article to read up to understand more about creating layouts with inline-block elements. - - +[CSS-Tricks - inline-block](https://css-tricks.com/almanac/properties/d/display/#inline-block)