2025-05-04 16:35:21 +02:00
|
|
|
<!DOCTYPE html>
|
2023-06-15 18:25:53 +02:00
|
|
|
<style>
|
|
|
|
|
.square {
|
|
|
|
|
width: 100px;
|
|
|
|
|
height: 100px;
|
|
|
|
|
background-color:green;
|
|
|
|
|
margin: 20px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
<div align="left">This text and the green square are both left aligned: <div class="square"></div></div>
|
|
|
|
|
<div align="center">This text and the green square are both centered: <div class="square"></div></div>
|
|
|
|
|
<div align="right">This text and the green square are both right aligned: <div class="square"></div></div>
|
|
|
|
|
<div align="justify">This text is 'full-justified' and the green square is left aligned: <div class="square"></div></div>
|
