The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> DIV Tag and positioning, DIV Tag and positioning
Muru4000
post 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)
Attached File  Mathpuzzle.html ( 745bytes ) Number of downloads: 676
Attached File  layout.css ( 433bytes ) Number of downloads: 710
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 19th March 2024 - 12:33 AM