w3docs logo
  1. Snippets
    2. ›
  2. HTML

How-to articles, tricks, and solutions about HTML

How to Add a Mouseover Text with HTML

In this tutorial, find out how to create a mouseover text description without Javascript. Use the HTML <div> or <span> element with the “title” attribute.

html text hover attribute

How to Rotate the <div> Element by 90 Degrees

In this tutorial, you can see how to rotate the HTML <div> element by 90 degrees. For that purpose, use the CSS transform property with the “rotate” value.

html css div transform rotation

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

What is aria-label and How to Use It

In this snippet, you can learn what is aria label, as well as when and how it can be used. Read our tutorial and find examples of using the aria-label attribute.

html attribute

How to Resize SVG in HTML

In this tutorial, we want to demonstrate how you can resize SVG image in HTML. For that, you can change the values of the “height” and “width” attributes.

html svg

How to Right Align a Button with CSS

In this tutorial, we'll demonstrate how to align a button to the right with CSS. For that purpose, you need to use the CSS float property with its “right” value.

html css button

How to Create a List With Dashes in HTML

In this tutorial, find out how it is possible to style a list with dashes instead of bullet points. Use the :before pseudo-element with the content property.

html css style list

How to Make the Middle Item Stay Centered

Read this tutorial to find out how you can make the middle element stay centered regardless of the widths of the siblings. This can be done by using Flexbox.

css alignment flexbox

How to Create a Table with a Fixed Header and Scrollable Body

In this tutorial, find some methods of creating an HTML table with a fixed header and scrollable body. Here, we suggest using some methods. See examples.

html css table scroll

How to Create a Two-Column Div Layout with the Right Column Having Fixed Width

In this tutorial, we’ll explain how to create a two-column <div> layout with the right column having a fixed width. Here, you can find some examples.

html css div layout