w3docs logo
  1. Snippets
    2. ›
  2. HTML

How-to articles, tricks, and solutions about HTML

How to Align Labels Next to Inputs

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.

html css form input label

How to Change the Size of Glyphicons

In this snippet, you’ll find out how to change the size of glyphicons. You need the CSS font-size property to increase all glyphicons or only one of them.

css bootstrap glyphicon

How to Center an Image with the CSS text-align Property

In this snippet, you can see a trick, which can help to center an <img> element with the CSS text-align property. Use a <div> and apply the style to it.

html css image alignment

How Not to Wrap the Contents of <p>, <div>, and <span> Elements

In this snippet, we want to demonstrate how you can make the contents of the <p>, <div>, and <span> elements not to wrap. Use the CSS white-space property.

html css wrap

How to Set the Size of the <textarea> Element

In this tutorial, you will find two ways of setting the size of the HTML <textarea> element. For that purpose, you can use HTML attributes or CSS properties.

html css textarea height width

How to Allow the File Input Type to Accept Only Image Files

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.

html image input attribute

How to Add a Border-Bottom to the Table Row

In this tutorial, we want to demonstrate how you can add a border only to the bottom of the table row. Read and find out what CSS property you need for this.

html css table border

How to Add Telephone Links with HTML

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.

html link number

How to Display Ellipsis in the <span> Element Having Hidden Overflow

In this tutorial, see how to display ellipsis in the <span> element having the CSS overflow property with the “hidden” value. Add the text-overflow property.

html css ellipsis

How to Select the Last Element of a Specific Type

In this snippet, we want to display how you can select the last element of a specific type. For that, you need to use the CSS :last-of-type pseudo-class.

html css element class