Welcome to Code Forum!

Join a community that supports you and your coding journey from day one. We strive to be a friendly, supportive community that empowers everyone to be better developers. By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!
  • Guest, before posting your code please take these rules into consideration:
    • It is required to use our BBCode feature to display your code. While within the editor click < / > or >_ and place your code within the BB Code prompt. This helps others with finding a solution by making it easier to read and easier to copy.
    • You can also use markdown to share your code. When using markdown your code will be automatically converted to BBCode. For help with markdown check out the markdown guide.
    • Don't share a wall of code. All we want is the problem area, the code related to your issue.

    GIF shows where to locate </> in the thread and or post editor toolbar.
    To learn more about how to use our BBCode feature, review our "How to post your code into threads" here.

    Thank you, Code Forum.

CSS hello guys my code works fine every time but when i type margin or hover or some elements it does not load on chrome i do not know why someone help

anon

New Coder
HTML:
<style>
  p {
    font-family: arial;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .video-title {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    width: 280px;
    margin-bottom: 5px;
  }
  .stat {
    font-size: 14px;
    color: rgb(96, 96, 96);
    margin-bottom: 20px;
  }
  .author {
    font-size: 14px;
    color: rgb(96, 96, 96);
  }
  .desc {
    font-size: 14px;
    color: rgb(96, 96, 96);
    width: 280px;
    line-height: 22px;
    margin-bottom: 100px;
  }
  .apple-text {
    margin-bottom: 50px;
    font-size: 14px;
    background-color: rgb(227, 65, 64);
    color: white;
    text-align: center;
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .span-example {
    color: red;
    margin-left: 12px;
    margin-bottom: 30px;
  }
  .span-example:hover {
    text-decoration: underline;
  }
  .shop {
    cursor: pointer;
  }
  .shop:hover {
    text-decoration: underline;
  }
  .tahoma {
    font-weight: bold;
    font-size: 25px;
    margin-top: 20px;
  }
  .cour {
    margin-top: 30px;
    font-weight: bold;
    font-size: 20px;
  }
  .beg {
    margin-top: 2px;
    font-size: 15px;
    color: rgb(97, 97, 97);
    margin-bottom: 20px;
  }
  .text {
    font-weight: bold;
    line-height: 20px;
    width: 300px;
  }
</style>
<p class="video-title">Talking Tech and AI with Google CEO Sundar Pichai!</p>
<p class="stat">3.4M views &#183; 6 month ago</p>
<p class="author">Marques Brownlee &#10003;</p>
<p class="desc">
  Talking tech and AI on the heels of Google I/O. Also a daily driver phone
  reveal from Google's CEO. Shoutout to Sundar!
</p>
<p class="apple-text">
  Shop early for the best selection of holiday
  <span class="shop">Shop now</span> &#62;
</p>
<p>
  Shop early for the<strong>best selection</strong> of
  <u> holiday </u> favourites. <span class="span-example">shop now</span> &#62;
</p>
<p><span class="tahoma">This is Tahoma Font</span></p>
<p class="cour">HTML CSS Course</p>
<p class="beg">Beginner to pro</p>
<p>
  <span class="text">
    this course we'll learn the skills you need to become a devdeloper
  </span>
</p>
 
Last edited by a moderator:
I'm not sure why that's happening, but have you tried checking the console? It gives some good info on where the error is.
Try checking the console and copy-pasting the error here.
 

Latest posts

Buy us a coffee!

Buy me a coffee.
Back
Top Bottom