New Discovery? [HTML&CSS]


#1


According to the course, I should have done something else...But I did something else!!! Instead of using the <p> tags on three times, I accidently used them like the way you see it in my code...And for the numbers like "font-size:40px", It makes the distance between two lines 40 px...I know the real way I should have done the code, but when I tried this, it was amazing....Will they teach us how to increase distance between the lines or I just made a DISCOVERY!!! (just joking)


<!DOCTYPE html>
<html>
	<head>
		<title>First font size change</title>
	</head>
	<body>
	    <p style ="font-size:10px">
		<p> Some text for you to make tiny! </p>
		<p style ="font-size:20px">
		<p> Some text for you to make normal size!</p>
		<p style ="font-size:40px">
		<p> Some text for you to make super big!</p>
	</body>
</html>


#2

@megarockstar05292
I would use a closing-tag
like

<p style ="font-size:10px"></p>

although the definition says otherwise

The start tag is mandatory. 
The end tag may be omitted if the <p> element is immediately followed by an 
<address>, <article>, <aside>, <blockquote>,
 <div>, <dl>, <fieldset>, <footer>, <form>, <h1>,
 <h2>, <h3>, <h4>, <h5>, <h6>, <header>, <hr>,
 <menu>, <nav>, <ol>, <pre>, <section>, <table>,
 <ul> or another <p> element,
 or if there is no more content in the parent element 
and the parent element is not an <a> element.

==========================================================

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model

Try it with

<!DOCTYPE html>
<html>

	<head>
		<title>
			Headings & Paragraphs
		</title>
		
	</head>
	<body>
		<h1>The heading tag of the body</h1>
		<p style="border: 1px solid;padding:0px;margin:1px;"> paragraph 1</p>
		<p style="border: 1px solid;padding:0px;margin:0px;"> an other paragraph</p>
		
	</body>
</html>