w3docs logo
  1. Snippets
    2. ›
  2. CSS

How-to articles, tricks, and solutions about CSS

How to Add a Background-Color for the Text Width Instead of the Entire Element Width

On this page, you will find how to set a background-color for the text width instead of the width of the entire element. Choose the appropriate method and try examples.

html css color background width

How to Make a Fixed Page Header Not Overlap In-Page Anchors

On this page, we’ll demonstrate how to make a fixed header not overlap in-page anchors. For that, you’ll need CSS properties. Read the tutorial and find examples.

html css header anchor

How to Add a Fixed Width Column with CSS Flexbox

On this page, you will find out how to add a fixed-width column with the help of CSS Flexbox. To achieve this, you need to use the flex or flex-basis property.

html css width column

How to Remove the CSS :hover Behavior from an Element

On this page, learn how to remove the CSS hover behavior from a specific element. For that, you can use the CSS pointer-events property or :not() pseudo-class.

html css hover

How to Make Rounded Corners Hide the Overflow in Opera/Chrome

In this tutorial, find out how to make rounded corners hide the overflow in Opera and Chrome. Read our snippet and find some examples to solve the problem.

html css corner

How to Make the CSS margin-top Style Work

On this page, we’ll show how you can make the CSS margin-top style work. We suggest some methods that can help to overcome the problem of collapsing margins.

html css margin

How to Horizontally Center Contents Within a Div

In this tutorial, you’ll see how to horizontally align contents within a <div> element to the center. Use justify-content, text-align, and other CSS properties.

html css alignment div

How to Replace col-xs-* in Bootstrap 4

On this page, find out how you can make a column equal to extra small. To make it work in Bootstrap 4, you need to replace the col-xs-* class with col-*.

html css bootstrap

How to Make a Child Div Element Wider than the Parent Div

On this page, we’ll demonstrate how you can make a child <div> element wider than the parent <div> element. See what CSS properties you need and try examples.

html css div width

How to Select the Last Second Element with CSS

In this snippet, you’ll find out how to select the last second element with pure CSS. To achieve the goal, you need to use the CSS :nth-last-child() pseudo-class.

html css element pseudo-class