Peter Ritter
posted this
4 hours ago
I want to include AI generated content. I figure I can use the HTML5 Element. The sameple shows:
< style></style>
<p>Sample HTML. Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam nunc justo sagittis suscipit ultrices.</p>
When I replace this with my HTML, and I put some formating in the 'style' tag, the styles never show up on the rendered result. Why is that? Are there any restrictions on what goes inside 'style' tags ? Its not very clear from the doc. Here is what I want to do:
<style>
body {
font-family: Arial, sans-serif;
background-color: #f8f9fa;
color: #333;
}
.highlight {
background-color: #ffe4e1;
padding: 5px;
border-radius: 3px;
}
.heading {
color: #007bff;
font-size: 1.5em;
margin-top: 20px;
}
.important {
font-weight: bold;
color: #ff6347;
}
.notice {
font-style: italic;
color: #4682b4;
}
</style>
<h1 class="heading">Complex HTML Example</h1>
<p>This is a <span class="highlight">highlighted section</span> of text. We also have some <span class="important">important bold words</span> and <span class="notice">italicized notice text</span> to see how these features work together.</p>
<p class="highlight">This paragraph has a highlighted background to emphasize its importance. Notice how it stands out from the rest of the content.</p>
<p>Here are some different styles to test:</p>
<ul>
<li><span class="important">Bold and red</span> to indicate something critical.</li>
<li><span class="notice">Italicized blue</span> for additional context or clarification.</li>
<li><span class="highlight">Highlighted item</span> to draw attention.</li>
</ul>
I want to include AI generated content. I figure I can use the HTML5 Element. The sameple shows:
< style></style>
<p>Sample HTML. Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam nunc justo sagittis suscipit ultrices.</p>
When I replace this with my HTML, and I put some formating in the 'style' tag, the styles never show up on the rendered result. Why is that? Are there any restrictions on what goes inside 'style' tags ? Its not very clear from the doc. Here is what I want to do:
<style>
body {
font-family: Arial, sans-serif;
background-color: #f8f9fa;
color: #333;
}
.highlight {
background-color: #ffe4e1;
padding: 5px;
border-radius: 3px;
}
.heading {
color: #007bff;
font-size: 1.5em;
margin-top: 20px;
}
.important {
font-weight: bold;
color: #ff6347;
}
.notice {
font-style: italic;
color: #4682b4;
}
</style>
<h1 class="heading">Complex HTML Example</h1>
<p>This is a <span class="highlight">highlighted section</span> of text. We also have some <span class="important">important bold words</span> and <span class="notice">italicized notice text</span> to see how these features work together.</p>
<p class="highlight">This paragraph has a highlighted background to emphasize its importance. Notice how it stands out from the rest of the content.</p>
<p>Here are some different styles to test:</p>
<ul>
<li><span class="important">Bold and red</span> to indicate something critical.</li>
<li><span class="notice">Italicized blue</span> for additional context or clarification.</li>
<li><span class="highlight">Highlighted item</span> to draw attention.</li>
</ul>
Last edited 1 hour ago by Peter Ritter
Vote to pay developers attention to this features or issue.