How to wrap text in CSS?26 Mar 2025 | 1 min read CSS word-wrap property is used to break the long words and wrap onto the next line. This property is used to prevent overflow when an unbreakable string is too long to fit in the containing box. This property defines the breaks in the word to avoid the overflow when a word is too long to fit in the container. It specifies the breaking of words when the content exceeds the container's boundary. SyntaxValuesnormal: It is the default value that is used to break words only at allowed breakpoints. break-word: It is used to break the unbreakable words. initial: It is used to set the property to its default value. inherit: It inherits the property from its parent element. ExampleOutput ![]() Next TopicHow to italicize text in CSS |
Freelate One of the primary methods for applying styles to HTML components is using CSS type selectors. A type selector uses the name of the HTML tag to target specific items. It enables you to add styles to any element in your HTML page that uses a...
4 min read
The border color is a CSS property that is used to apply color to the border of an HTML element. The color between the padding and the margin of an HTML element is called the border color. It is important to know that to use the border-color...
11 min read
A CSS framework is a pre-prepared set of styles and layouts one can utilize to improve the appearance of your website without having to start from scratch. It works like a series of templates one can utilize to design a website rapidly. Think about planning to construct...
6 min read
What is ? In the context of CSS, a beautifier is a tool or method used to format or prettify CSS code. It rewrites the existing CSS code, which might be written in a compressed or compact format, into a more readable and structured format. CSS beautifiers typically...
3 min read
In this article, we will understand the .A time table is a Schedule of meeting, schools, colleges and conference etc. A CSS Grid is a powerful tool that allows for two-dimensional layouts to be created on the web. Following are the examples of timetable template using...
12 min read
? Links are used to connect one page to other web pages. Links with the same color as the rest of the text are difficult to notice. The color property of the CSS is used for changing the color of the links. Using CSS, we can style...
3 min read
A custom scrollbar in CSS refers to the ability to style and customize the appearance of scrollbars on a web page. By default, web browsers provide their own scrollbar styles, which can vary in appearance across different browsers and operating systems. However, CSS allows you to...
3 min read
? CSS Text-decoration property: - Underlines can be used to highlight important text. The U element and the CSS text-decoration property are the two most used techniques to underline text on web pages. Both are straightforward to utilize, but the U element offers semantic value to the meaning. Another...
3 min read
In this article, we will understand the animation in CSS watch with the help of an example. CSS animations that allow the animation of HTML document elements such as watch, clock etc using CSS. Example 1: <! DOCTYPE html> <html> <head> ...
14 min read
? Sometimes, it is required to fit an image into a certain given dimension. We can resize the image by specifying the width and height of an image. A common solution is to use the max-width: 100%; and height: auto; so that large images do not...
2 min read
We request you to subscribe our newsletter for upcoming updates.
We provides tutorials and interview questions of all technology like java tutorial, android, java frameworks
G-13, 2nd Floor, Sec-3, Noida, UP, 201301, India