div problems in css/html

Question

<style ="text/css">
.asd123 {
height: 100px;
width: 900px;
margin: auto;
border: 3px dashed black;
}
.asd123_text {
font-family: Garamond;
font-size: 62px;
}
</style>
<body>

<div class="asd123">

        <p class="asd123_text" style="padding-top:-50px; text-align:center; position:absolute;">generictext</p>

</div>

How can I make the paragraph text stack over the div or something?

I am pretty new to css and html but I do understand some of it, however css is starting to get really stupid

What do you mean by "stack over the div"?

Cliffmeister
– Cliffmeister

2013-10-18 05:51:56 +00:00
Commented Oct 18, 2013 at 5:51 — Cliffmeister
– Cliffmeister, Commented Oct 18, 2013 at 5:51

user2404546 · Accepted Answer · 2013-06-08 19:17:59Z

1

just remove the styles you have give, just make margin:0

            <div class="asd123">

    <p class="asd123_text" style="">generictext</p>

and css

   .asd123 {
      height: 100px;
      width: 900px;
     margin: auto;
     border: 3px dashed black;
     }
     .asd123_text {
         font-family: Garamond;
         font-size: 62px;
         margin:0    ;
         text-align:center
          }

answered Jun 8, 2013 at 19:17

user2404546

Sign up to request clarification or add additional context in comments.

2 Comments

user2327330 Over a year ago

thanks @Rhea but how can i move the text down a few px's? padding wont work

user2404546 Over a year ago

you can set the margin accordingly. or just margin-top margin:0 was necessary because p tag adds default margin of its own, and that is why your p was going below the div

Collectives™ on Stack Overflow

div problems in css/html

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related