How-to articles, tricks, and solutions about HTML

If you need to place a border inside a <div> element, you are in the right place. In this snippet, you can find out how to do it using some CSS properties.

Learn how to create an HTML table, how to change HTML table border style using CSS. How to add border to<div>,<h2> &<p> elements. Practice with examples

If you want to make your website more attractive, read this snippet and learn how to add both a background-image and CSS3 gradient to the same element.

Using icons is great for every website. If you face the difficulty of adding color to Bootstrap icons, add the CSS color property. Change also the font-size.

HTML provides entity name or entity number to use reserved characters. Learn how you can add HTML entities to your code with the CSS content property.

Make your website look more attractive by using favicons in the title bar. See how favicons are created and find more information about them.

On this page, you can find out how it is possible to add an indentation for the second line of ordered lists. Read our snippet and find a solution to the problem.

In this tutorial, we’re going to show some ways of adding a line break before an element. For that, use the white-space property and ::before pseudo-element.

If you are tired of standard heading styles then read this snippet and learn to add lines before and after heading giving it an attractive and unique style.

A <table> can have multiple <tbody> elements each of them specifying a row group. Read this snippet to see how to add several <tbody> elements in the same table.

It is possible to style the parent element when hovering a child element. In this snippet, we’re going to demonstrate and explain how to do this step by step.

In this snippet, you will find out how it is possible to add telephone links with HTML. See examples and try to add and style telephone links by yourself.

Here is an example of how you can add text to an image using the PHP GD library:

In our snippet, we’ll show how to properly use the padding to overcome the difficulty of applying the padding not only to the list items but also to images.

Checkbox is one of HTML forms that is used on every website. This tutorial will show how to align checkboxes and their labels consistently across browsers.

In this snippet, you’ll learn how to align <label> elements next to <input> elements. Align labels to the right and left of inputs by using CSS properties.

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.

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.

In this snippet, we’ll demonstrate how to allow only positive numbers in the input number type. You can use the “min” attribute to specify restrictions.

In this tutorial, we’ll show how to allow the file input type to accept only image files or certain image file extensions. Use the HTML “accept” attribute.

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.

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.

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.

In this tutorial, find out how you can assign a checked initial value to the radio button with HTML. To achieve that goal, you need to use the checked attribute.

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.