Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Front End Technology Articles
Page 42 of 652
How to Control the Space between Bullets and li Elements?
In HTML lists, controlling the space between bullet points and list items is a common styling requirement. By default, browsers apply standard spacing between bullets and text content, but this can be customized using various CSS techniques to achieve the desired visual layout. HTML provides three types of lists − Ordered List (ol) − Uses numbers or other schemes for sequential items Unordered List (ul) − Uses bullets for non-sequential items Description List (dl) − Used for term-definition pairs Default List Spacing When creating an unordered list, browsers apply default spacing between bullets and ...
Read MoreHow to Force the Content Of the Div Element to Stay on the Same Line?
The or division tag is used to group HTML elements in a web page, allowing us to create distinct sections with similar functionality that can be easily styled using the id or class attribute. A HTML is a block-level element that, by default, does not display any other HTML elements adjacent to it. Div is the most useful tag in web development because it allows us to separate data in web pages and create specific sections for specific data or functions in web pages. It is used in pairs. The content is written in between the opening ...
Read MoreHow to Disable Word Wrapping in HTML?
Word wrapping is the process of automatically moving text to the next line when it reaches the edge of its container. In HTML, text within an element wraps according to the boundaries of that element by default. However, there are situations where you may want to disable word wrapping to keep text on a single line or preserve specific formatting. Default Word Wrapping Behavior By default, HTML elements wrap text content when it exceeds the container's width. Let us see this behavior with an example − Default Word Wrapping ...
Read MoreHow to Display an Ordered List with Nested Counters?
A list is a record of short pieces of related information used to display data or any information in web pages in an ordered or unordered form. Lists are used to group related pieces of information together so that they are clearly associated with one another and easy to read. They are beneficial from a structural point of view because they aid in the creation of a well-structured, more accessible, and easy-to-maintain document. HTML lists enable web developers to organize a collection of related items into lists. There are three types of lists in HTML, each with its own ...
Read MoreHow to Divide a Horizontal Line into Multiple Parts?
In HTML, the tag stands for horizontal rule and is most commonly displayed as a horizontal line used to separate content or define a change in an HTML page. The tag is an empty element that does not require a closing tag. While the standard creates a single continuous line, we can divide it into multiple parts using CSS properties to create visually appealing section dividers. Syntax Following is the basic syntax for the element − The tag supports several deprecated attributes like align, color, noshade, size, ...
Read MoreHow to Handle Page Breaks when Printing a Large HTML Table?
When printing HTML tables with many rows, page breaks can split table rows awkwardly, disrupting the layout and making the printed output difficult to read. This tutorial explores CSS properties and techniques to control how large tables break across pages during printing. Understanding Page Break Properties CSS provides three page-break properties that control how elements behave when printed across multiple pages. These properties help create professional-looking printed documents by managing where page breaks occur. page-break-before Property The page-break-before property controls whether page breaks should occur before an element − page-break-before: auto|always|avoid|left|right; ...
Read MoreHow to Increase the Space Between the Dots of Dotted Borders?
The border shorthand CSS property defines the border of an element. It specifies the border-width, border-style, and border-color values. When using border-style: dotted, the default spacing between dots is controlled by the browser and cannot be directly modified using standard border properties. However, we can create custom dotted borders with increased spacing between dots using CSS background properties. This technique gives us complete control over dot size, spacing, and appearance. Default Dotted Border Behavior The standard border-style: dotted creates evenly spaced dots with fixed spacing determined by the browser. Let's see the default appearance − Example ...
Read MoreHow to Make the Text Input Non-Editable
In an HTML document, the tag is used to represent a form input control. In most cases, the input tag is used within the element to declare input controls that allow users to enter data. Depending on the type attribute, an input field can be of various types. The input tag is a self-closing element with only attributes. Labels for the input element can be defined using the tag. By setting the appropriate type attribute, it can be used to represent text fields, checkboxes, dropdowns, buttons, and other inputs. The value attribute is used to specify ...
Read MoreHow to Make HTML dt and dd Elements Stay on the Same Line
HTML Description List or Definition List displays elements in dictionary format. The and tags are used together within the tag to define terms and their descriptions. By default, and elements display on separate lines, but CSS can be used to make them appear side by side on the same line. Default Description List Behavior Let us first see how description lists appear by default − Default Description List Programming Languages ...
Read MoreHow to Display Ellipsis in the span Element Having Hidden Overflow?
The element is a generic inline container used for styling text portions and grouping inline content. When text content within a element overflows its container boundaries, it can disrupt the layout. The ellipsis (...) provides a visual indicator that text has been truncated, maintaining clean layout while showing that more content exists. Displaying ellipsis in a span element requires combining CSS properties for overflow handling and text truncation. This technique is essential for responsive designs where text must fit within fixed-width containers. Syntax Following is the basic syntax for a span element − ...
Read More