Computer Science, asked by vithlanisahil1, 8 months ago

3) Write Html5 code with CSS as

follows-

1. Create ordered list with names

of tourist Cities.

2. Create unordered list with

tourist places of those cities.

3. Divide the list into two

sections left and right by

using CSS.
need only programming no explanation needed​

Answers

Answered by VISHALKUMARV22
74

<!DOCTYPE html>

<html>

<head>

<style type="text/css">

#a{

 width:50%;

 float:left;

}

#b{

 width:50%;

 float:right;

}

</style>

</head>

<body>

<div id="a">

<ol>

 <li>Delhi</li>

 <li>Agra</li>

 <li>Jaipur</li>

 <li>Goa</li>

</ol>

</div id="b">

<ul>

 <li>Red Fort</li>

 <li>Taj Mahal</li>

 <li>Pink City</li>

 <li>Arbian Sec Beaches</li>

</ul>

</body>

</html>

Answered by aanchaljotwani
53

Answer:

<!DOCTYPE html>

<html>

<head>

<title>Tourist cities and places</title>

<style type="text/css">

section{

display:inline-block;

width:30%;

float:left;

background-color:lime;

}

aside{

display:inline-block;

width:70%; 

float:right;

background-color:pink;

}

</style>

</head>

<body>

<section>

<h4>Tourist Cities</h4>

<ol>

<li>Munnar</li>

<li>Darjeeling</li>

<li>Leh Ladak</li>

<li>Goa</li>

</ol>

</section>

<aside>

<h4>Tourist Places</h4>

<ul style="list-style-type:circle">

<li>Tea Gardens, Lakes and Pretty little hill-station</li>

<li>Queen of The Himalayas.</li>

<li>India's Own Moonland.</li>

<li>Beaches, Sunsets and Crazy Nights.</li>

</ul>

</aside>

</body>

</html>

Similar questions