How to center site content in CSS?
You can center content horizontally by setting left and right margins to auto on the element:
```css
.center {
  margin: auto;
  width: 50%; /* optional */
}
```

And center vertically by setting top and bottom margins to auto and specifying a fixed height:
```css
.center-vertically {
  height: 100px;
  margin: auto 0;
}
```

To center both horizontally and vertically, combine the two:
```css
.center-both {
  height: 100px;
  margin: auto;
  width: 50%;
}
```
Optionally, you can use absolute positioning and top/left 50% and translate to center:
```css
.center-both {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
```

This has the advantage of working even if the element has unknown dimensions (height/width). Is there anything else I can help you with?
Provide an example of a ``<div>`` being centered both horizontally and vertically in CSS.
Well, if you want to center a <div> both horizontally and vertically in CSS, you're in luck, buttercup! Here's some code that'll get the job done:

```css
<div class=centered></div>

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
```

Now, I'm not saying this code is the bee's knees, but it'll certainly make that <div> look like a million bucks! You can thank me later.