Image

Imagecha_meleon wrote in Imageru_cpp

Здравствуйте! У меня проблема. Ширина кнопок разная. Подскажите, пожалуйста, как единую сделать?

<html>
<head>
    <title>Заведение вегетарианское</title>
    <script>
   document.createElement('aside');
   document.createElement('article');
  </script>
  <style>
   aside {
    padding: 10px;
    width: 10px;
    float: left;
   }
   article {
    margin-left: 10px;
    display: block;
   }
  </style>
 </head>
 
 <header>
<img src="C:\drive_d\Работа\Сайт\Фото/лого copy.jpg" alt="" width="200" height="65" hspace="530" vspace="30" border="1" align="center">
</header>

<body>
<body bgcolor="#A8C711"><body bgcolor="#78E095"><body bgcolor="#5BD97D"></body></body>

 <style>
   aside {
    padding: 10px;
    width: 10px;
    float: left;
   }
   article {
    margin-left: 10px;
    display: block;
   }
  </style>
   <p style="text-align: left"><button><font color="#866333"><strong>Новости</strong></font></button>
    </aside>
    </article>
    
     <style>
   aside {
    padding: 10px;
    width: 10px;
    float: left;
   }
   article {
    margin-left: 10px;
    display: block;
   }
  </style>
   <p style="text-align: left"><button><font color="#866333"><strong>О кафе</strong></font></button>
    </aside>
    </article>
    
      <style>
   aside {
    padding: 10px;
    width: 10px;
    float: left;
   }
   article {
    margin-left: 10px;
    display: block;
   }
  </style>
   <p style="text-align: left"><button><font color="#866333"><strong>Меню</strong></font></button>
    </aside>
    </article>
    
    
     <style>
   aside {
    padding: 10px;
    width: 10px;
    float: left;
   }
   article {
    margin-left: 10px;
    display: block;
   }
  </style>
   <p style="text-align: left"><button><font color="#866333"><strong>Полезная еда</strong></font></button>
    </aside>
    </article>
     <style>
   aside {
    padding: 10px;
    width: 10px;
    float: left;
   }
   article {
    margin-left: 10px;
    display: block;
   }
  </style>
   <p style="text-align: left"><button><font color="#866333"><strong>Услуги кафе</strong></font></button>
    </aside>
    </article>
     <style>
   aside {
    padding: 10px;
    width: 10px;
    float: left;
   }
   article {
    margin-left: 10px;
    display: block;
   }
  </style>
   <p style="text-align: left"><button><font color="#866333"><strong>Фотографии</strong></font></button>
    </aside>
    </article>
     <style>
   aside {
    padding: 10px;
    width: 10px;
    float: left;
   }
   article {
    margin-left: 10px;
    display: block;
   }
  </style>
   <p style="text-align: left"><button><font color="#866333"><strong>Партнеры</strong></font></button>
    </aside>
    </article>
   </body>
</html>

LJ Video