How-to articles, tricks, and solutions about CSS

If you’ve faced the situation when you need to wrap long words in a <div>, use the white-space property with the “pre-wrap” value and word-wrap property.

In this snippet, you will find out why it is not possible to apply CSS @media rules inline. Read this snippet to learn how to apply them in the internal style.

Use text-shadow and box-shadow CSS properties for shadow effects in CSS. See how to have amazing effects for texts, borders and boxes.

A simple DatePicker-like calendar can be created using the PHP DateTime class and some basic HTML and CSS.

In this snippet, we will introduce what is the subsequent-sibling combinator (~), why and how it is used. Try some examples to have a better understanding of it.

In this snippet, you can see what is the difference between the inline and inline-block display in CSS. We’ll demonstrate an example to show their difference.

The “id” attribute defines a unique identifier for HTML elements. In this snippet, you can find out, which are its valid values for HTML, CSS, and Javascript.

In this snippet, we’re going to discuss which measurement unit (px, em, or rem) is better in CSS, what are the differences between them. Read and find the answer.

In this snippet, you can learn about the sr-only class and see how it is used in Bootstrap. To find more information, read our snippet and try examples.