w3docs logo
  1. Snippets
    2. ›
  2. css

How-to articles, tricks, and solutions about CSS

How to Align the <span> Element to the Right of the <div>

Find out how to align a <span> element to the right of the <div> element in this tutorial. We’ll explain how you can do this with the CSS float property.

html css alignment div

How to Align the Content of a Div Element to the Bottom

Let’s see how we can align the content of a div to the bottom by using the modern way with flexbox. Also see examples!

css alignment flexbox content

How to Align the Last Bootstrap Menu Item to the Right

In this tutorial, we will demonstrate how you can align the last menu item to the right in Bootstrap. Read the snippet and find some solutions to this problem.

html css alignment navbar bootstrap

How to Align the Placeholder Text of an Input Field in HTML

The ::placeholder pseudo-element allows styling the placeholder text of a form element. Here you will find out how to align an input field’s placeholder text.

css text alignment placeholder input

How to Animate the Background of the Progress Bar

On this page, we’ll demonstrate how to animate the background of a progress bar created with the HTML <progress> element. Read this snippet to find the answer.

html css background progress-bar

How to Apply CSS Style to the Element Name

In this snippet, we’re going to demonstrate how you can apply CSS styles to the name of the element. For that, you can use attribute selectors. See examples.

html css input selector

How to Apply CSS Styles to Only the Half of a Word or Character?

Learn how to make a word or character have half style or triple style. Use only CSS to get the effect, or do it with the help of JavaScript and jQuery.

css style effect jQuery

How to Apply Global Font to the Entire HTML Document

In this snippet, we’re going to apply a global font format to the whole HTML page. Read our snippet and find out how this can be done with and without !important.

html css font

How to Apply Multiple Transforms in CSS

There are many ways to apply multiple transforms. We’ll show how to achieve this using multiple values of the transform property and with nested classes.

css transform

How to Auto-Hide a Placeholder Text on Focus with CSS and jQuery

The placeholder attribute describes the expected value of an input field. See how to auto-hide placeholder text on focus using HTML, CSS, and jQuery.

html css placeholder jQuery