fala galera, sou aqui no forum e novo em html e css também, estou com um problema, espero que alguem consiga me ajudar
ontem fiz meu primeiro código html/css para um banner de um site, ao visualizar o banner no navegador ele esta correto, mas quando eu publíco o código fonte na minha plataforma que gerenciar o site no espaço que ele deve aparecer, acaba se desconfigurando todo o arquivo, vou colar o codigo aqui e o print dele publicado para verem
<div id=centro align="center">
<div class="container">
<div class="Banner Menu clearfix">
<a href="https://www.armazemk.com.br/tamanco-verniz-nude-0256" target="_blank" title="meu 35"><img src="https://www.armazemk.com.br/img/2019/05/banner/19360/tamanco.jpg" alt="tamanco"/>
</a>
<h1>meu 35.</h1>
<h2>Frete Grátis Sul e Sudeste</h2>
<h3>Tamanco Nude</h3>
</div>
</div>
</div>
<style><!--
@charset "utf-8";
/* CSS Document */
body {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.container {
width: 1180px;
height: 277px;
background-color: #F2F2F2;
overflow: hidden;
}
h1 {
position: absolute;
font-family: times new Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
font-weight: lighter;
font-size: 70px;
text-align: center;
margin-top: -250px;
margin-left: 220px;
color: #7F5428;
}
h2 {
position: absolute;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-weight: lighter;
font-size: 18px;
text-align: center;
margin-top: -50px;
margin-left: 200px;
color: #7F5428;
}
h3 {
position: absolute;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
font-weight: lighter;
font-size: 18px;
text-align: center;
margin-top: -50px;
margin-left: 900px;
color: #7F5428;
}
img {
mix-blend-mode: multiply;
width: 350px;
height: 350px;
margin-left: 400px;
margin-top: -55px;
}
--></style>
PRINT dele publicado:
Exemplo de como deve ficar:
espero que consigam me ajudar, ontem pesquisei muito sobre isso, e nao encontrei nada.
valeu