>> 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.