estilos

Fabian-Martinez-Rincon · Jan 15, 2022 · eb2eec3 · eb2eec3
1 parent f12e310
commit eb2eec3
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -21,22 +21,22 @@ <h2>PUNTO FIJO </h2>
         <form>
           <div class="field2">
 
-             BINARIO: <label class="salidas">
+              <h4 class="Datos">BINARIO:</h4><label class="salidas">
 
               <input  type="text" name="bin" id="input_binario" autocomplete="off" placeholder="Ingrese un Binario">
 
             </label>
           </div>
 
           <div class="field2">
-            DECIMAL: <label class="salidas">
+            <h4 class="Datos">Decimal:</h4><label class="salidasDec">
                <input  type="text" name="bin" id="input_decimal" autocomplete="off" placeholder="Ingrese un Decimal">
 
             </label>
           </div>
 
           <div class="field2">
-            BITS: <label class="salidas">
+            <h4 class="Datos">BITS:</h4><label class="salidasBit">
               <input  type="text" name="bin" id="input_bit" autocomplete="off" placeholder="Restriccion de Bits para Decimales (opcional)">
 
             </label>

diff --git a/style.css b/style.css
@@ -21,7 +21,7 @@ body {
 
 .binary_to_decimal h2 {
   margin-bottom: 20px;
-  font-size: 3¿0px;
+  font-size: 30px;
   color: #2196f3;
 }
 .binary_to_decimal {
@@ -76,6 +76,8 @@ body {
   display: inline-block;
   color: #000;
   font-size: 1.3rem;
+  font-size: 20px;
+
 
 }
 .field label {
@@ -121,8 +123,31 @@ body {
   display:inline-block;
   width: 404px;
   color: rgb(255, 251, 251);
-  font-size: 1.1rem;
+  font-size: 1.0rem;
   text-transform: uppercase; 
+  left: 11%;
+}
+.salidasDec{    
+
+  background:  #2195f394;
+border-radius: 5px;
+display:inline-block;
+width: 404px;
+color: rgb(255, 251, 251);
+font-size: 1.0rem;
+text-transform: uppercase; 
+left: 9.4%;
+}
+.salidasBit{    
+
+  background:  #2195f394;
+border-radius: 5px;
+display:inline-block;
+width: 404px;
+color: rgb(255, 251, 251);
+font-size: 1.0rem;
+text-transform: uppercase; 
+left: 20%;
 }
 .salidas2{   
 
@@ -235,7 +260,11 @@ h4 {
   text-transform: uppercase; 
 
 }
-
+.Datos{
+  color: #0c3455f3;
+  text-transform: uppercase; 
+  display: inline-block;
+}
 .title {
   position: absolute;
   align-items: center;