1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+ < head >
4+ < meta charset ="UTF-8 ">
5+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6+ < title > Alinear Textos</ title >
7+ < link rel ="stylesheet " href ="../../Bootstrap/css/bootstrap.min.css "/>
8+ </ head >
9+ < body >
10+ < p class ="text-justify "> Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo esse iure nemo, voluptatum labore eius at fuga ipsa libero rerum nisi necessitatibus voluptas facilis eligendi sed quia autem. Labore, ea?</ p >
11+
12+ < hr >
13+ < p class ="text-left "> Hello World</ p >
14+ < p class ="text-center "> Hello World</ p >
15+ < p class ="text-right "> Hello World</ p >
16+
17+ < hr >
18+ < p class ="text-sm-right "> Hello World</ p >
19+ < p class ="text-md-right "> Hello World</ p >
20+ < p class ="text-lg-right "> Hello World</ p >
21+ < p class ="text-xl-right "> Hello World</ p >
22+
23+
24+ < hr >
25+ < p class ="text-sm-left "> Hello World</ p >
26+ < p class ="text-md-left "> Hello World</ p >
27+ < p class ="text-lg-left "> Hello World</ p >
28+ < p class ="text-xl-left "> Hello World</ p >
29+
30+
31+
32+ < hr >
33+ < p class ="text-sm-center "> Hello World</ p >
34+ < p class ="text-md-center "> Hello World</ p >
35+ < p class ="text-lg-center "> Hello World</ p >
36+ < p class ="text-xl-center "> Hello World</ p >
37+
38+ < hr >
39+ < span class ="align-baseline "> Hello</ span >
40+ < span class ="align-top "> Hello</ span >
41+ < span class ="align-bottom "> Hello</ span >
42+ < span class ="align-middle "> Hello</ span >
43+ < span class ="align-text-bottom "> Hello</ span >
44+ < span class ="align-text-top "> Hello</ span >
45+
46+ < hr >
47+
48+ < h1 class ="bg-success d-inline "> Hello</ h1 >
49+ < h2 class ="bg-success d-inline "> World</ h2 >
50+
51+ < hr >
52+
53+ < span class ="d-inline bg-success "> inline</ span >
54+ < span class ="d-block bg-success "> block</ span >
55+
56+ < hr >
57+ < div class ="d-inline-block bg-success ">
58+ < h1 > Hello World</ h1 >
59+ < span > World</ span >
60+ </ div >
61+
62+ < div class ="d-inline-block bg-success ">
63+ < h1 > Hello World</ h1 >
64+ < span > World</ span >
65+ </ div >
66+
67+ </ body >
68+ </ html >
0 commit comments