Как сделать так чтобы кнопки были так как на картинке?
<style>
.cwd{text-align:center;}
.cwda{display: inline-block;cursor: pointer; font-size:14px; text-decoration: none; padding:3px 16px; color:#0c6b1f; background-color:#d4f502; border-radius:5px; border: 3px solid #7accee;}
.cwda:hover{background-color:#ff2200;color:#000000;}
</style>
<p class="cwd"><a href="mtpm.7m.pl" target="_self" class="cwda" title="Проекты">Проекты</a></p>
html текста:
<a href="http://mtpm.7m.pl/#"></a><h1><a href="http://mtpm.7m.pl/#"></a><p style="color:#000000"><a href="http://mtpm.7m.pl/#">M.TPAKTOPPPP.M</a></p></h1>
html сайта:
<html><head>
<title>
M.TPAKTOPPPP.M
</title>
</head><body><a href="http://mtpm.7m.pl/#"></a><h1><a href="http://mtpm.7m.pl/#"></a><p style="color:#000000"><a href="http://mtpm.7m.pl/#">M.TPAKTOPPPP.M</a></p></h1>
<div id="ads" style="display:none;width: 100%;height: 90px;text-align: center;padding: 10px 0;"></div><script async="" src="//www.google-analytics.com/analytics.js"></script><script> if(window.adsbygoogle){ adsbygoogle = window.adsbygoogle; }else{ adsbygoogle = new Array(); } adsbygoogle .push({ google_ad_client: "ca-pub-6469407771801779", enable_page_level_ads: true });</script>
<p style="margin-left: 670px;">Тут пока ничего нет, но скоро что-то будет.</p>
<style>
body {
background: url(img/ughj.jpg);
}
</style>
<div id="ads_bottom_static" style="display:none;width: 100%;height: 90px;text-align: center;padding: 10px 0;"></div><script src="http://s.7m.pl/robot.js"></script>
<!-- Хтмл код писал я сам -->
</body></html>
