1
00:00:00,000 --> 00:00:02,730
>> SPEAKER: So I've been working on making
my own search engine, and it

2
00:00:02,730 --> 00:00:03,790
looks like this.

3
00:00:03,790 --> 00:00:07,990
In search-1.html, I have a title
for this page, CS50 Search.

4
00:00:07,990 --> 00:00:11,570
I have an HTML form inside of which
appears to be an input whose type is

5
00:00:11,570 --> 00:00:14,970
"text," and another input
whose type is "submit."

6
00:00:14,970 --> 00:00:17,130
>> I don't quite like the aesthetics
of this page right now.

7
00:00:17,130 --> 00:00:20,360
I'd much rather my search engine, at
least, to be centered in the middle of

8
00:00:20,360 --> 00:00:24,300
the page, much like the actual
google.com, or most any search engine.

9
00:00:24,300 --> 00:00:25,230
Well, how to do this?

10
00:00:25,230 --> 00:00:29,130
>> Well, I can leverage some CSS, or
cascading style sheets, in order to

11
00:00:29,130 --> 00:00:32,770
stylize my HTML a little
bit more precisely.

12
00:00:32,770 --> 00:00:34,590
Let's take a look.

13
00:00:34,590 --> 00:00:39,760
Here, in search-1.html, notice that I
indeed have the HTML that I predicted

14
00:00:39,760 --> 00:00:42,270
must underlie the web
page we just saw.

15
00:00:42,270 --> 00:00:46,250
>> I'm going to go into the body tag
here, and I'm going to add an

16
00:00:46,250 --> 00:00:50,960
attribute called "style." After that,
I'm going to provide a value in double

17
00:00:50,960 --> 00:00:56,660
quotes of the following, text, hyphen,
align, colon, center, semicolon.

18
00:00:56,660 --> 00:01:00,050
Though technically, that semicolon is
optional, if I only have one such

19
00:01:00,050 --> 00:01:01,510
property and value.

20
00:01:01,510 --> 00:01:04,660
>> Let's save the file now, reload the
page in the browser, and see

21
00:01:04,660 --> 00:01:05,930
what the effect is.

22
00:01:05,930 --> 00:01:08,490
Back here in my browser,
let me click reload.

23
00:01:08,490 --> 00:01:11,310
And now we have a beautifully
centered search engine.

24
00:01:11,310 --> 00:01:13,664