Skip to content

position property: fix block color name #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
Rukenshia wants to merge 1 commit into from
Closed

position property: fix block color name #2

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions property/position/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ <h2 class="property-name">
</p>
<div class="example-description">
<p>The element will remain in the <strong>natural flow</strong> of the page.</p>
<p>As a result, it will <strong>not</strong> act as anchor point for the absolutely positioned yellow block.</p>
<p>As a result, it will <strong>not</strong> act as anchor point for the absolutely positioned pink block.</p>
<p>Also, it will <strong>not</strong> react to the following properties:</p>
<ul><li><code>top</code></li><li><code>bottom</code></li><li><code>left</code></li><li><code>right</code></li><li><code>z-index</code></li></ul>
</div>
Expand All @@ -58,7 +58,7 @@ <h2 class="property-name">
</p>
<div class="example-description">
<p>The element will remain in the <strong>natural flow</strong> of the page.</p>
<p>It also makes the element <strong>positioned</strong>: it will act as an anchor point for the absolutely positioned yellow block.</p>
<p>It also makes the element <strong>positioned</strong>: it will act as an anchor point for the absolutely positioned pink block.</p>
<p>Also, it will <strong>react</strong> to the following properties:</p>
<ul><li><code>top</code></li><li><code>bottom</code></li><li><code>left</code></li><li><code>right</code></li><li><code>z-index</code></li></ul>
</div>
Expand All @@ -81,7 +81,7 @@ <h2 class="property-name">
</p>
<div class="example-description">
<p>The element will <strong>not</strong> remain in the natural flow of the page. It will position itself according to the <strong>closest positioned ancestor</strong>.</p>
<p>Because it&#39;s <strong>positioned</strong>, it will act as an anchor point for the absolutely positioned yellow block.</p>
<p>Because it&#39;s <strong>positioned</strong>, it will act as an anchor point for the absolutely positioned pink block.</p>
<p>Also, it will <strong>react</strong> to the following properties:</p>
<ul><li><code>top</code></li><li><code>bottom</code></li><li><code>left</code></li><li><code>right</code></li><li><code>z-index</code></li></ul>
</div>
Expand All @@ -107,7 +107,7 @@ <h2 class="property-name">
</div>
<div class="example-description">
<p>The element will <strong>not</strong> remain in the natural flow of the page. It will position itself according to the <strong>viewport</strong>.</p>
<p>Because it&#39;s <strong>positioned</strong>, it will act as an anchor point for the absolutely positioned yellow block.</p>
<p>Because it&#39;s <strong>positioned</strong>, it will act as an anchor point for the absolutely positioned pink block.</p>
<p>Also, it will <strong>react</strong> to the following properties:</p>
<ul><li><code>top</code></li><li><code>bottom</code></li><li><code>left</code></li><li><code>right</code></li><li><code>z-index</code></li></ul>
</div>
Expand Down