<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Display</title>
<style>
body {
font-size: 40px;
color: #fff;/*cor do texto*/
background-color: coral;/*cor do plano de fundo*/
}
ul{padding: 0;}
div{background-color: seagreen;}/*cor de fundo da div*/
span{ background-color: red;}
li{ background-color: purple;}
div, span, li{
width: 50%; /*largura*/
width: 200px;
height: 80px;/*altura*/
padding-top: 30px;
text-align: center;/*texto centralizado*/
/*display: block;/*blocos*/
/*display: inline;/*linhas*/
display: inline-block;
}
</style>
</head>
<body>
<div>Texto 1</div>
<span>Texto 2</span>
<span>Texto 3</span>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</body>
</html>
Nenhum comentário:
Postar um comentário