4.9 Exercícios: painéis flutuantes - Utilizado propriedades como FLOA…

…T e DISPLAY INLINE-BLOCK para conseguir modificar propriedades da BOX dos LIs
leanfj · Jan 22, 2017 · db02bae · db02bae
1 parent 52efe0e
commit db02bae
Showing 1 changed file with 32 additions and 0 deletions.
diff --git a/css/estilos.css b/css/estilos.css
@@ -72,3 +72,35 @@ header {
 .destaque {
     margin-top: 10px;
 }
+.painel {
+    margin: 10px 0;
+    padding: 10px;
+    width: 445px;
+}
+.painel h2{
+    font-size: 24px;
+    font-weight: bold;
+    text-transform: uppercase;
+    margin-bottom: 10px
+}
+.painel li {
+    display: inline-block;
+    vertical-align: top;
+    width: 140px;
+    margin: 2px;
+    padding-bottom: 10px;
+}
+.painel a {
+    color: #333;
+    font-size: 14px;
+    text-align: center;
+    text-decoration: none;
+}
+.novidades {
+    float: left;
+    background-color: #f5dcdc
+}
+.mais-vendidos {
+    float: right;
+    background-color: #dcdcf5;
+}