How do I center <img /> <h1>&hellip;</h1> <img /> HTML + CSS?

[BOSqk]

this is frustrating me... I'm trying to make something that looks like this:\[code\] Logoimg|h1|img\[/code\]The images that surround the subtitle are just horizontal lines to look like this --- Subtitle ---Here's the HTML:\[code\]<div> <a href="http://stackoverflow.com/questions/12810332/#"> <img class="logo" src="http://stackoverflow.com/questions/12810332/#" alt="..."/></a> </div> <div class="subtitle"> <img class="1" src="http://stackoverflow.com/questions/12810332/#" width="60" height="1" alt="..."/> <h1>subtitle text</h1> <img class="2" src="http://stackoverflow.com/questions/12810332/#" width="60" height="1" alt="..."/> </div>\[/code\]I've tried placing the elements within another div and defining a width: %; for that div with a margin:0 auto; but the problem with that is that if a user increases their text size within the browser the right image moves to the next line.Any help would be great. thank you!