On screen clearance refers to the process of removing any unwanted or unnecessary elements from the main content area of a web page, in order to improve the user experience and make the content more readable.
There are several techniques used to achieve on screen clearance, including:
<div>
element with the clear
attribute set to both
, as shown below:<div>
element with the clear
attribute set to left
or right
, as shown below:<br>
element, as shown below:This paragraph has a margin-bottom of 20px.
It is important to note that on screen clearance is not the same as clearing a floating element. Clearing a floating element is used to remove any unwanted whitespace that may occur when using the float
property.