SPEAKER: So I've been working on making my own search engine, and it looks like this. In search-1.html, I have a title for this page, CS50 Search. I have an HTML form inside of which appears to be an input whose type is "text," and another input whose type is "submit." 

I don't quite like the aesthetics of this page right now. I'd much rather my search engine, at least, to be centered in the middle of the page, much like the actual google.com, or most any search engine. Well, how to do this? 

Well, I can leverage some CSS, or cascading style sheets, in order to stylize my HTML a little bit more precisely. Let's take a look. Here, in search-1.html, notice that I indeed have the HTML that I predicted must underlie the web page we just saw. 

I'm going to go into the body tag here, and I'm going to add an attribute called "style." After that, I'm going to provide a value in double quotes of the following, text, hyphen, align, colon, center, semicolon. Though technically, that semicolon is optional, if I only have one such property and value. 

Let's save the file now, reload the page in the browser, and see what the effect is. Back here in my browser, let me click reload. And now we have a beautifully centered search engine.