div html codes disappear once it is uploaded to the wordpress page

  • Author
    Posts
  • #3030669

    dshin04
    Member
    Original poster

    Hello. I am new to WordPress.

    I am trying to put this html code below on the WordPress.

    However, once I upload these html codes, all my div with different attributes disappear:
    ————–
    <!DOCTYPE html>
    <html>
    <head>

    <style>
    #back {
    background-color: black;
    width: 690px;
    height: 730px;
    border: 7px solid black;
    padding: 10px;
    float: left;}

    #layer1 {
    background-color: white;
    width: 25px;
    height: 130px;
    float: left;
    box-sizing: border-box;}

    #blackspace {
    background-color: black;
    width: 25px;
    height: 130px;
    float: left;
    box-sizing: border-box;}

    #row {
    background-color: black;
    width: 100%;
    height: 10px;

    float: left;
    }
    </style>
    </head>
    <body>

    </div>

    </map>

    </body>
    </html>

    ———————–

    If anyone could help me how I could put those attibutes on the wordpress page. Ultimately, I would like to keep the code without using the shortcode. I have to use popup feature dedicate to those indivisual boxes. This is like a shelf idea.

    Thank you for your time!

    #3030770

    billh93
    Member

    Hey @dshin04,

    What is the WordPress site that you are having trouble with? Please post the link so we can help you out further.

    Best,
    Bill

    #3030785

    ronagain
    Member

    Hi dshin04 – I see that you’re a new user. Welcome to WordPress!

    Before you can edit CSS code for your chosen theme, you need to have a WordPress Premium or Business plan. You can learn more about those here.

    If you already have the plan you need, you can get specific CSS help on our CSS Forum.

    Hope that helps!

The topic ‘div html codes disappear once it is uploaded to the wordpress page’ is closed to new replies.