float html Can you please tell me what I did wrong. "eat in..." is suppose to be in the middle

css coding

header p.award{ width: 25%; float: right; }

header p.options{ width:25%; margin: 0px, auto, 0px, auto; }

header p.phone { color: white; background-color: black; width: 50%; border: 3px solid red; margin: 0.4em, auto; 0.4em, auto; clear: both; }

html coding

Big J’s Deep Dish Pizza

Authentic Chicago-style pies

Established 1974

Toronto Times “Best Pizza Joint”

Eat in, carry out, or call for delivery

(416) 555-3337

☚

☛

Big J's Deep Dish Pizza Authentic Chicago-style pies Established 1974 Toronto Times "Best Pizza Joint" Eat in, carry out, or call for delivery (416) 555-3337 Big J's Deep Dish Pizza Authentic Chicago-style pies Established 1974 Toronto Times "Best Pizza Joint" Eat in, carry out, or call for delivery (416) 555-3337