Div Elements Not Showing Properly

I have been having this problem for a couple of weeks now. I have this code

div{
    margin: 0;
    padding: 0;
    border: 5px outset black;
    text-align: center;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="index.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>
        <p>testing</p>
    </div>
</body>
</html>

and it is doing this: Weird CSS

I have looked at tutorials, searched on Stack Overflow, and even when I run it in the code snippet, it works. What am I doing wrong!?!?



from Recent Questions - Stack Overflow https://ift.tt/2HGOMAA
https://ift.tt/34IQY39

Comments

Popular posts from this blog

Today Walkin 14th-Sept

Spring Elasticsearch Operations

Hibernate Search - Elasticsearch with JSON manipulation