some exercies on css3 box model and flex
This commit is contained in:
97
css_box4.html
Normal file
97
css_box4.html
Normal file
@@ -0,0 +1,97 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>css</title>
|
||||
<meta name="author" content="xgiovio"/>
|
||||
<meta name="description" content="A simple test page"/>
|
||||
<meta name="keywords" content="Ormai google non se le fila piu"/>
|
||||
<meta name ="robots" content="index"/>
|
||||
<meta charset="utf-8"/>
|
||||
|
||||
|
||||
<style>
|
||||
|
||||
#i1 {
|
||||
position: absolute;
|
||||
top:50px;
|
||||
left:150px;
|
||||
z-index:10;
|
||||
}
|
||||
#i2 {
|
||||
position: absolute;
|
||||
top:60px;
|
||||
left:180px;
|
||||
z-index:2;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div style="position:relative">
|
||||
<p style="display:inline-block;width:33%" >
|
||||
There are lots of different kinds of fruit - there are over 500 varieties
|
||||
of banana alone. By the time we add the countless types of apples, oranges,
|
||||
and other well-known fruit, we are faced with thousands of choices.
|
||||
</p>
|
||||
<p style="display:inline-block;width:33%" >
|
||||
One of the most interesting aspects of fruit is the variety available in
|
||||
each country. I live near London, in an area which is known for
|
||||
its apples.
|
||||
</p>
|
||||
<p style="display:inline-block;width:33%" >
|
||||
When travelling in Asia, I was struck by how many different
|
||||
kinds of banana were available - many of which had unique flavours and
|
||||
which were only avaiable within a small region.
|
||||
</p>
|
||||
|
||||
|
||||
<br>
|
||||
<p style="float:left;width:33%" >
|
||||
There are lots of different kinds of fruit - there are over 500 varieties
|
||||
of banana alone. By the time we add the countless types of apples, oranges,
|
||||
and other well-known fruit, we are faced with thousands of choices.
|
||||
</p>
|
||||
<p style="float:left;clear:left;width:33%" >
|
||||
One of the most interesting aspects of fruit is the variety available in
|
||||
each country. I live near London, in an area which is known for
|
||||
its apples.
|
||||
</p>
|
||||
<p style="display:inline-block;width:33%" >
|
||||
When travelling in Asia, I was struck by how many different
|
||||
kinds of banana were available - many of which had unique flavours and
|
||||
which were only avaiable within a small region.
|
||||
</p>
|
||||
<br>
|
||||
|
||||
|
||||
|
||||
<p style="display:inline-block;width:33%" >
|
||||
There are lots of different kinds of fruit - there are over 500 varieties
|
||||
of banana alone. By the time we add the countless types of apples, oranges,
|
||||
and other well-known fruit, we are faced with thousands of choices.
|
||||
</p>
|
||||
<p style="display:inline-block;width:33%" >
|
||||
One of the most interesting aspects of fruit is the variety available in
|
||||
each country. I live near London, in an area which is known for
|
||||
its apples.
|
||||
</p>
|
||||
<p style="display:inline-block;width:33%" >
|
||||
When travelling in Asia, I was struck by how many different
|
||||
kinds of banana were available - many of which had unique flavours and
|
||||
which were only avaiable within a small region.
|
||||
</p>
|
||||
<img id="i1"src="sky.jpg"/>
|
||||
<img id="i2" src="sky.jpg"/>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user