چون تگ p { disply :block{

ولی تگ a{disply : inline}

سلام بخاطر اینکه تگ a از نوع inline هست ولی p , h1 از نوع block هست

سلام پشت سرم هم قرار گرفتنشون بخاطر قرار گرفتن در یک تگ دیو هست اما توی حالت عمودی داخل 2 تا تگ دیو قرار گرفته اند

به تگ هایی مانند تگ a,span تگ‌های inline گفته میشه که در سمت راست‌ترین المنت قبل از خود قرار میگیرند و سایر المنت‌ها نیز میتوانند در کنار انها و پشت سر هم قرار بگیرند 

اما تگ هایی مثل div که block هستند یک سطر کامل را اشغال میکنند و قبل و بعد انها در یک سطر المنت دیگری جای نمیگیرد.

به تگ هایی مانند تگ a,span تگ‌های inline گفته میشه که در سمت راست‌ترین المنت قبل از خود قرار میگیرند و سایر المنت‌ها نیز میتوانند در کنار انها و پشت سر هم قرار بگیرند 

اما تگ هایی مثل div که block هستند یک سطر کامل را اشغال میکنند و قبل و بعد انها در یک سطر المنت دیگری جای نمیگیرد.

سلام خدمت شما و همه دوستان 

زمانی که از تگ div استفاده شده یعنی ما سطر‌های مختلفی رو ایجاد کردیم بخاطر همین دو متن اول زیر یکدیگر قرار گرفته ولی زمانی که درون یک تگ div از دونوع تگ‌های دیگه استفاده کردیم در کنار هم قرار گرفتند ولی میشه از تگ <br> استفاده کرد تا متن‌ها در زیر یکدیگر نوشته بشن 

به این صورت :

<div>
    <strong>hello world</strong>
    <br>
    <a href="http://www.google.com" target="_blank">ورود به دنیای گوگل</a>
</div>

بلاک ها

بلاک‌ها در html  بر روی صفحه نمایش ظاهر می‌شوند به صورت تمام عرض ادامه می‌یابد . به عنوان مثال
<p>، <h1>، <h2>، <h3>، <h4>، <h5>، <h6>، <ul>، <ol>، <dl>، <pre>، <hr />، <blockquote>، و <address>
همگی جزو بلاک‌ها دسته بندی می‌شوند . همه تگ‌های یاد شده از خط جدید  شروع می‌کنند، و هر چیزی که آنها را دنبال کند از خط جدید شروع میکن
عناصر بلاک‌ها همیشه از یک خط جدید شروع می‌شوند
به زبان ساده‌تر عناصری که یک خط را به صورت کامل اشغال می‌کنند Block می‌گوییم ؛ چه داخل عنصر محتوا بصورت کامل قرار بگیره چه در حد چند کلمه ی کوتاه باشد ، در هر صورت یک خط رو به صورت کامل در بر میگیرد و محتوای عنصر بعدی به خط بعد منتقل میشود 

 Inline عناصر

  به زبان ساده ، عناصر inline ، به اندازه محتوای خود فضا را اشغال می‌کنند
 اگر دو عنصر inline ، کنار هم قرار بگیرند در خروجی نیز در کنار هم خواهند بود و هر کدام به خط جداگانه منتقل نمیشوند 

از سوی دیگر، عناصر درونی می‌توانند در جملات ظاهر شوند و مجبور به ظاهر شدن در خط جدید نیستند. این عناصر از جایی که شروع شده اند و تا جایی که پایان می‌بایند ادامه دارند. 
<i>، <u>، <em>، <strong>، <sup>، <sub>، <big>، <small>، <li>، <ins>، <del>، <cite>، <dfn>، <kbd>، و <var>
عناصر فوق همگی عناصر درون خطی هستند.

پاسخ تمرین

سلام به همه ی دوستان
المان یا تگ‌های html به دو دسته زیر تقسیم میشوند :
- block : یعنی در نمایش، تمام عرض صفحه را پوشش میدهد یعنی یک سطر را کامل در بر می‌گیرد مانند تگ‌های : div , p و .. 
به همین خاطر تگ <h1></h1> بعد از تگ <p></p> نمایش داده شد .

- inline block : یعنی در نمایش، تمام عرض صفحه را پوشش نمیدهد یعنی به اندازه محتوای درون تگ فضا را اشغال می‌کند مانند تگ‌های : strong , span , a و ..’’
به همین خاطر ت<a></a> در ادامه ی تگ <strong></strong> نمایش داده می‌شود .گ