This is an important message requiring you to make a choice if you're based in the EU.
In this snippet, we’ll show how you can align the text next to a large Font Awesome icon. For that, use the CSS vertical-align and the line-height properties.
This snippet will help you to align a <div> element for all browsers vertically. You will learn to do it step by step with our examples and explanations.
To position text vertically positioned with CSS you can use vertical-align, line-height, transform properties, flexbox. Learn more methods. Try examples.
In this snippet, we’ll demonstrate how to wrap a long string without any whitespace character. Use the CSS word-wrap property with the “break-word” value.
The <pre> tag inserts a preformatted text into an HTML document. Since the <pre> tag doesn’t support wrapping, we’ll show how to do it with the help of 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.
The opacity property sets the level of transparency of an element. Learn how How to Set the Opacity with w3docs tutorial. Also, try the examples yourself.
Use text-shadow and box-shadow CSS properties for shadow effects in CSS. See how to have amazing effects for texts, borders and boxes.