Text - the block doesnt center align

Question

The whole div remains on left, I tried withe below but no luck

.captionhome {
  width: 600px;
  padding: 10px;
  border: 5px solid black;
  margin: 50px;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

<div class="captionhome" style="text-align: center;">WARNING: This product contains nicotine. Nicotine is an addictive chemical.</div>

if you set a width, use margin:auto to center the box, text-align works on phrasing content within — G-Cyrillus, Jan 17 '17 at 17:34
and if you wan to keep the 50px on top and bottom use `margin: 50px auto` — Thomas Altmann, Jan 17 '17 at 17:36

score 1 · Accepted Answer · answered Jan 17 '17 at 17:36

1

Your captionhome has a set width. Either change that to 100% or add

margin: 0 auto;

answered Jan 17 '17 at 17:36

Serg Chernata

12,124
6
31
50

Text - the block doesnt center align

1 Answers1