DW CC 2021: Issue centering text within a div or wrapper

If there's a chance you might also use unordered lists in a conventional way elsewhere in the site, you can target that particular list (and any others you want to render in a similar way) with a CSS class. I usually leave a little head and foot room for lists by setting the top-bottom and side margins separately like this:

ul.reallyCentered {

  margin: .25em 0; /* (same as .25em 0 .25em 0) */

  padding: 0;

  text-align:center

}

... and for the list items, I think the standard indent is three spaces so I do this in the CSS to correct the specific problem that's bothering you:

ul.reallyCentered li {

  margin-left: -3em  /* I think this "negative margin" solution is frowned upon, but it always works */

}

Then the only change needed in the HTML is this:

<ul class="reallyCentered">

  <li>Et Cetera</li>

...

</ul>

I'm working a major update for a longtime client's website to make it mobile friendly and responsive.

===============

Hi @Andy Markley - Art101,

Unfortunately, this layout is NOT responsive because a max-width of 775px looks like a tiny postage stamp on large and x-large devices.  By not accommodating 1200+ px, you're alienating all people on HiRes displays.

Try again with a Bootstrap Starter Template.  File > New > Starter Templates > Bootstrap Templates.  Choose a layout and hit Create button.  You'll get better results across a wider range of devices without having to code your own media queries.

For more on Bootstrap: https://www.w3schools.com/bootstrap4/