File tree Expand file tree Collapse file tree
02.HTML-&-CSS-Mini-Course/02.Introduction-To-CSS/01-reversed-list Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+ < head >
4+ < meta charset ="UTF-8 ">
5+ < title > Reversed List</ title >
6+ < link rel ="stylesheet " href ="style.css ">
7+ </ head >
8+ < body >
9+
10+ < div class ="instructions ">
11+ < p > 3. Head north on N Halsted St</ p >
12+ < p > 2. Turn Right on W Deversey Pkwy</ p >
13+ < p > 1. Turn Left on N Orchard St</ p >
14+ </ div >
15+
16+ </ body >
17+ </ html >
Original file line number Diff line number Diff line change 1+ body {
2+ font-family : Arial, sans-serif;
3+ background-color : # f4f4f4 ;
4+ margin : 0 ;
5+ padding : 0 ;
6+ display : flex;
7+ justify-content : center; /* Центриране по хоризонтала */
8+ align-items : center; /* Центриране по вертикала */
9+ height : 100vh ;
10+ }
11+
12+ .instructions {
13+ border : 2px solid # 333 ;
14+ padding : 20px 30px ;
15+ background-color : # fff ;
16+ text-align : left;
17+ box-shadow : 2px 2px 10px rgba (0 , 0 , 0 , 0.1 );
18+ }
You can’t perform that action at this time.
0 commit comments