Home/ Questions/Q 6610583
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T19:51:34+00:00

I have a #info div element which shows some text strings like below: <body>

  • 0

I have a #info div element which shows some text strings like below:

<body>
    ...

   <div id="info">
       ABCDEFGHIJKLMNOPQRSTUVWXYZ ...
   </div>
</body>

I would like to CSS the #info div to position it at the bottom center of the page, so I did the following thing:

#info{
    width:100px; 
    margin:0px auto;
}

With the above CSS, the #info div is on the bottom center of the page, BUT only part of the text strings are showing (only shows ‘…’ without the ‘ABCDE..’ showing).

I thought it maybe because of the width:100px is not enough to show all the texts, so I change to width:200px, but surprisingly after I increase the width, nothing was showing on the bottom center at all. Why?

——————– UPDATE ——————

I have another div above the #info div, if this is the reason, then I would like to ask how to CSS the #info div to locate it below the upper div?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    My best guess is that you have something above it that is overlapping and hiding part of the DIV. With the current text, it is splitting on the space between the letters and the dots, putting the dots on a second line. That part of the DIV is displaying below something else with the first part being hidden. When you increase the width to 200px it’s wide enough to fit everything on one line and all of it disappears. You might want to try adding a clear: both and see if that pushes it below whatever is hiding the text. Sometimes adding a border (or using outlining of elements with a browser developer plugin) can help diagnose what is going on. Check your z-index as well to make sure that you have things in the proper plane to do what you want.

    • 0