DIV Tag and positioning, DIV Tag and positioning |
DIV Tag and positioning, DIV Tag and positioning |
Muru4000 |
Nov 1 2017, 08:30 AM
Post
#1
|
Group: Members Posts: 3 Joined: 1-November 17 Member No.: 26,524 |
Hi Forum member
I have the HTML and CSS as given below. I expect the <P> tags will display below "Mathpuzzle"... But its displaying between Matchpuzzle and right hand side <A>s. Any help will be highly appreciated. Also attached the same. HTML: <!DOCTYPE html> <html > <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>CIDINFOTECH</title> <link rel="stylesheet" href="layout.css" type="text/css" /> </head> <body> <div class="rows"> <div class="left"> <h1> <a href="Mathpuzzle.html" > Math Puzzle</a> </h1> </div> <div class="right"> <ul> <li><a href="mathpuzzle.html"> Home </a> </li> <li><a href="pta.html">PTA</a> </li> <li><a href="contact1.html">Contact Us</a> </li> </ul> </div> </div> <div class="rows"> <div class="left" > <p > Test </p> <p > Test </p> </div> <div class="right" > <p > Test </p> <p > Test </p> </div> </div> </body> </html> CSS: body { margin:0; padding:0; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; color:#979797; background-color:#06213F; } .rows{ position:relative; margin:0 auto 20px; width:960px; text-align:left; } .left{ float:left; } .right{ float:right; } li{ display:inline; margin:0 4px 0 0; padding:0 6px 0 0; /* border-right:1px solid #FCFCFC; */ } Attached File(s) Mathpuzzle.html ( 745bytes ) Number of downloads: 676 layout.css ( 433bytes ) Number of downloads: 710 |
Lo-Fi Version | Time is now: 19th March 2024 - 12:33 AM |