Category: CSS How-to

Problem: Is there any pure HTML way to change background color? Solution: In the latest HTML version, there is no pure HTML method to change background color of an element. But, previously, you can use the HTML “bgcolor” attribute in Read more

You can center an image either vertically or horizontally or both. Depending on requirement, the solution is different. Find your necessary solution below- Problem: You’re looking for a pure HTML solution (no CSS) to center an image in the webpage. Read more

Be careful when changing text color in HTML as few methods have become obsolete. Just as you need to know the deprecated methods so that you can avoid these, you should also learn the recommended ones too. Let’s explore all. Read more

In this article, we consider that you want to center text horizontally. In case you need to center both horizontally and vertical, check this article – How to center an element/a div horizontally and vertically? Centering text grab visitor’s attention Read more

You can indent text in different ways depending on different situations- Now, let’s discuss the solutions of how we can apply indent in each case. Note: If you don’t know about text indentation, take a quick check out the short Read more

Though you can add underline a text or an HTML element in different ways, you shouldn’t use one method in every situation. Depending on context, you need to select the appropriate solution. Check the different contexts mentioned in the problems Read more

Problem: Sometimes div class named clearfix. What is this clearfix and how to use this? Solution: The clearfix is a way for an element to automatically clear its floated children. Suppose your child element is an image. If its height Read more

Problem: You have a webpage with a dropdown menu. You want to style it. There are many solutions with javascript. But you need to style it using CSS only. Solution: Method-1:  Use appearance property HTML: CSS: Explanation: Here “appearance:none” property Read more

Problem: You have a div element. you need to center it horizontally and vertically in the browser. The HTML codes are: Solution: There are multiple ways to solve this problem. Method 1: CSS: Explanation: When you set “position:absolute”, the element Read more