I have a nested component and when the parent displays it on a full width page the child expands the entire screen and does not look good. I used "slds-text-align_center" to center it, but then tried to add style in the div to adjust width to 700px. This does not seem to work. If I do the style by itself then the width works, BUT my component is then left justified. Any ideas to center AND get width to 700px?
<div class="slds-text-align_center" > <c:AddressVerify/> </div>