An embedded style is added directly into a HTML file
The style is placed in the head element
Looks like:
<style type="text/css">
<!--
h1 {
color:red;
text-align:center;
}
-->
</style>
Directions:
- Embedded styles always start with the style tags
<style type="test/css"> ... </style> - You may recognize the next HTML
<!-- --> is a comment.
It was originally created as a quick fix for browsers that don't read styles. - Inside the comment, enter the style rule
This new rule will effect the presentation of all the content inside any and all h1 tags on the web page(s) the embedded style resides in.
Steps to Success
- Add the following markup inside the head element
<style type="text/css">
<!--
h1 {
color:red;
text-align:center;
}
-->
</style> - Add another h1 inside the <body> element.
<h1>This is my 2nd heading. It should also be red. Every h1 on this page will now be red. </h1> - Save and preview in a browser.