Adding right justified anchor between div tag removes div background color in HTML/XHTML Posted December 15, 2020 My aim was to place title on the left and my table of contents link on the right all on one line within my div tag which defines the color. only I loose the color defined in my div. Any suggestions how to solve this ? <!DOCTYPE html> <html> <head> <title>Test Page Title</title> <style> .alignleft { float: left; } .alignright { float: right; } div.title1 {background-color:#07E9DA;} </style> </head> <body> <div> <h1><a name="TOC"></a>Table of Contents</h1> <ol> <li><a href="#section1">Section 1</a> </ol> </div> <div class="title1"> <!-- <h2><a name="section1" class="alignleft">Section 1</a></h2> <a href="#TOC" class="alignright">ToC</a></p> --> <a name="section1" class="alignleft">Section 1</a> <a class="alignright" href="#toc">toc</a> </div> <div> <p>This is a paragraph.</p> </div> </body> </html>
Adding right justified anchor between div tag removes div background color
in HTML/XHTML
Posted
My aim was to place title on the left and my table of contents link on the right all on one line within my div tag which defines the color. only I loose the color defined in my div.
Any suggestions how to solve this ?
<!DOCTYPE html>
<html>
<head>
<title>Test Page Title</title>
<style>
.alignleft { float: left; }
.alignright { float: right; }
div.title1 {background-color:#07E9DA;}
</style>
</head>
<body>
<div>
<h1><a name="TOC"></a>Table of Contents</h1>
<ol>
<li><a href="#section1">Section 1</a>
</ol>
</div>
<div class="title1">
<!-- <h2><a name="section1" class="alignleft">Section 1</a></h2> <a href="#TOC" class="alignright">ToC</a></p> -->
<a name="section1" class="alignleft">Section 1</a> <a class="alignright" href="#toc">toc</a>
</div>
<div>
<p>This is a paragraph.</p>
</div>
</body>
</html>