css/15.textalign_code.html at main · Biswajit6844/css · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html>
  <head>
    <meta charset ="utf-8">
    <title>
      text align
    </title>
    <style>
      .bluebox{
        background-color: #3A5795;
		color: white;
		height: 100px;
		width:auto;
		text-decoration: underline;
		font-weight: bold;
		/*        text-align: justify;
		*/
		/*        text-align: center;
		*/
		/*        text-align: left;
		*/
		text-align: right;
	  }
      .yellowbox{
		background-color: rgb(222, 224, 85);
		height: 100px;
		width: auto;
		text-decoration: overline;
		font-style: italic;
		font-size: 1.5em;
	  }
	  .greenbox{
		background-color: #31af37;
		height: 100px;
		width: auto;
		letter-spacing: 10px;
		text-shadow: 3px 3px #c18c04;
		text-indent: 40px;
	  }
	  .great{
        background-color: #5a3479;

	  }
	</style>
  </head>

  <body>
    <div class="bluebox">
      <p>
        Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook Facebook
      </p>

    </div>
    <div class="yellowbox">
      <p>
        Apple.
      </p>
    </div>
    <div class="greenbox">
      <p>
        Microsoft.
      </p>

    </div>
  </body>


</html>