I designed a website and it worked great for me in Internet Explorer
But when I open it on Google Chrome it changes the location and destroys all the design ...
the html code-
<div class="text-block-title">
יעילות
</div>
<div class="fade text-block">
את מערכות התקשורת שלנו פיתחנו במקצועיות מבלי להתפשר על איכות ונוחות שימוש מרבית, עם שרתים ותשתית רשת חזקה במיוחד, למניעת תקלות ונפילת קווים כך שיש אפס קריסות ותקלות למענכם.
</div>
the css style-
.text-block {
color: white;
text-align: center;
font-weight: 100;
background-color: #008CBA;
margin-top: 0px;
font-size: 20px;
font-weight: 100;
padding-right: 4%;
padding-left: 4%;
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 3px solid #ff9d00;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
margin-right: 12%;
margin-left: 12%;
border-top: 3px solid #ff9d00;
}
.text-block-title {
margin: 0px;
color: #004e8b;
font-size: 70px;
animation: ease-in-out 5s;
font-weight: 900;
text-align: center;
background-color: white;
padding-top: 10px;
padding-bottom: 10px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
margin-right: 12%;
margin-left: 12%;
margin-top:20px;
}