kemalkanok/gist:fe593a9f1fdbf4a396c6

## gistfile1.txt
<html>
<meta charset="utf8">
<head>
	<title></title>
	<style>

	.container
	{
		background: lightblue;
		color:white;
		border-radius: 4px;
	}
	.alertbox
	{
		background: gray;
		color:white;
		border-radius: 4px;
		border: 2px solid green;
		width: 200px;
		height: 200px;
		margin: auto;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		position: fixed;
		display: none;
	}
	.alertbox > .title
	{
		font-size: 30px;
	}
	.alertbox > .content
	{
		font-size: 12px;
		font-family:  "Arial";
	}
	#myelement
	{
		font-family: "Comic Sans Ms";
		color:red;
	}
	</style>
</head>
<body>
	<div id="alert" class="alertbox">
		<div class="title">Ben Başlığım</div>
		<div class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente officiis sit magnam harum modi minus aliquid nesciunt cupiditate nostrum quia laborum odit, necessitatibus earum iusto, illum, ratione reiciendis dolore corrupti.</div>
	</div>
	<div class="container">
		<span id="mylement"><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus repellat laborum nobis quaerat, iusto, dolor quia mollitia sit eos totam, animi aperiam eligendi tenetur? Tenetur temporibus, voluptas. Eos, dolore, placeat.</span>
		<span>Ipsa voluptatum laboriosam facilis quos animi, earum aliquam pariatur eum voluptatibus saepe perspiciatis iste excepturi nesciunt, similique officia dolores molestiae? Saepe voluptate beatae nemo, hic quo temporibus id. Nobis, nam?</span>
		<span>Sed ducimus ipsum vitae. Rem atque ipsum corrupti harum reiciendis dolor reprehenderit molestiae modi unde illum rerum minima alias quam sint quia perspiciatis, culpa incidunt expedita accusamus voluptatem placeat, voluptas!</span>
		<span>Iusto cupiditate, fugit totam quam distinctio, facere ad expedita deserunt et vero ipsam consequatur voluptas tempore illo. A placeat ratione natus modi qui minima vel dicta tempore? Aspernatur, dolore veniam.</span>
		<span>Expedita corporis repudiandae provident mollitia non maxime eum nobis ratione, illo, inventore repellat, beatae possimus voluptatum necessitatibus totam vitae dolore libero consequatur. Distinctio, consequuntur, aspernatur. Aperiam culpa porro velit placeat?</span>
		<span>Laborum tenetur excepturi a est sit, autem dolore ut iste facilis, accusamus atque qui veniam similique voluptate expedita minus id soluta, ducimus sed praesentium. Odio iusto quos aliquam consectetur illum.</span>
		<span>Vel deserunt beatae explicabo perferendis est, expedita, alias animi illo totam, obcaecati odio vitae. Aliquam corporis sapiente quas quis magni ullam magnam fuga, deleniti debitis corrupti quam voluptates repellendus quaerat!</span>
		<span>Minima aliquid repellendus nihil quidem animi omnis architecto non minus tempore nostrum. Omnis, perferendis repellendus. Repudiandae possimus libero exercitationem earum magnam est, deleniti commodi, obcaecati debitis amet id nisi incidunt!</span>
		<span>In iste eos temporibus laudantium rerum placeat nobis iusto natus eum illum, laborum, provident aperiam vitae quidem nisi quas, maxime amet, voluptates enim corrupti consectetur facilis nam dolorum! Cum, ducimus.</span>
		<span>Porro ea, voluptatum! Consequatur maxime nemo quisquam labore, sint laborum similique, corporis cupiditate ad recusandae sequi architecto fuga vero assumenda delectus optio! Placeat qui perspiciatis commodi, deserunt, quaerat dolores provident.</span>
		<span>Ratione, perferendis distinctio assumenda, ducimus exercitationem excepturi nemo nulla harum saepe magni ex consequuntur laboriosam et voluptas ab repellat! Fugit incidunt nihil minus aperiam, iste delectus facilis eius a voluptate.</span>
		<span>Corporis facilis iste, ratione repudiandae similique, alias, repellat architecto vel numquam adipisci sunt temporibus eos soluta. Nobis fugit, eligendi magnam aut aliquam possimus nam, quisquam fuga, dolorum dolor deleniti neque.</span>
		<span>Laudantium nulla sed voluptatum, nostrum maxime culpa aliquam aut eum harum quis accusantium molestiae quam. Cum, voluptate nobis! Commodi fugit sapiente non sequi, cumque consequuntur placeat iure cum temporibus error.</span>
		<span>Aperiam deserunt, dicta, eos ipsam sed aliquid est quibusdam consequuntur dolorem iure? Deserunt obcaecati cumque asperiores error ullam consequatur a provident explicabo maiores, atque mollitia repellat veritatis aliquam libero minima.</span>
		<span>Soluta quasi optio harum officiis odio dolor et labore incidunt velit corrupti reiciendis eos fugit deleniti maxime eligendi, obcaecati, ex dignissimos repudiandae vitae eius doloremque. Dolor aut deserunt, ipsum voluptate!</span>
		<span>Nulla magnam assumenda sapiente, ad repellat, amet ullam sunt error impedit rerum tempore eius harum, unde officiis voluptatum iste autem repellendus id cum quidem ratione nam sit. Eius, omnis, voluptate!</span>
		<span>Laborum nam, eveniet accusamus officiis voluptatibus, consectetur dolor facere dolore! Nobis iste dicta ipsam id rem, doloremque accusantium asperiores delectus provident illum qui molestiae, temporibus doloribus, totam eum ipsa consequatur.</span>
		<span>Nisi quidem, quasi ad vero, at fugit animi totam sint ea quos voluptatum asperiores autem repudiandae eum id numquam dignissimos dolore in tenetur recusandae ut dolores nihil doloremque voluptatem? Commodi!</span>
		<span>Eveniet distinctio nihil enim. Fugit porro ipsum accusamus ad odit nisi, sit libero officia culpa quos dolore minus aspernatur repellendus quo nostrum aliquam, commodi blanditiis, impedit laudantium eaque optio. Ipsa.</span>
		<span>Ratione minus ea ipsa expedita blanditiis, nobis praesentium unde facilis nostrum quos doloremque quibusdam quia architecto sunt. Voluptatibus quia doloribus consectetur veritatis consequuntur fugit nesciunt quo! Officia voluptas, tempora saepe.</span>
		<span>Harum, illum velit excepturi ab praesentium! Officia numquam laudantium, velit delectus quasi facilis eveniet voluptates. Est culpa quo quod, exercitationem, ipsam mollitia cum tenetur nobis molestias maxime, sunt nam consectetur!</span>
		<span>Est sapiente nostrum quae nam iure ratione cupiditate praesentium deserunt alias et, maiores atque minus rerum recusandae suscipit inventore delectus facilis numquam. Quam minus fugit accusamus, dicta dignissimos illum vitae.</span>
		<span>Ad mollitia, quis natus atque officiis quidem quam architecto quasi, repudiandae sequi quod ducimus vitae at obcaecati error, labore non tempora illo vel eius veniam. Reprehenderit, quos facere molestiae voluptate?</span>
		<span>Esse numquam accusantium placeat in perspiciatis nisi facere ipsam, provident nam. Suscipit laboriosam quaerat eos cumque illo! Inventore voluptatem vero, saepe quos distinctio. Eveniet iusto molestias consectetur? Explicabo, odit eveniet?</span>
		<span>Eum quia voluptatem cupiditate, hic laudantium, libero ipsa doloribus, est expedita assumenda facere porro veniam earum sapiente placeat velit iste saepe distinctio tempore! Corporis, est debitis, doloremque vero optio veritatis!</span>
		<span>In consectetur unde porro esse, non expedita ex sunt nesciunt tenetur vel rem dolore fuga nostrum est inventore sint minima tempore ipsa quod, saepe voluptatem rerum dolores eaque blanditiis. Delectus.</span>
		<span>In ut nihil odit labore quos sapiente atque facere repudiandae. Dolorem, praesentium. Voluptatum dignissimos ullam nam, necessitatibus totam ab amet hic, enim autem impedit saepe modi, soluta perferendis consequuntur, accusantium.</span>
		<span>Fugit perspiciatis ipsam expedita, eum quos asperiores aut dicta officiis, numquam neque suscipit labore ut, quidem rerum deleniti earum voluptatem quibusdam doloribus voluptatum vel, accusantium aliquid esse quam! Veniam, nisi.</span>
		<span>Minus reiciendis adipisci mollitia. Iste, vero omnis. Repellendus ab maiores officiis possimus, quae libero sed veritatis vero porro quos, id, sunt. Ipsam error voluptates adipisci repudiandae quas architecto atque accusantium!</span>
		<span>Hic impedit facilis quasi itaque accusantium magni voluptatem sapiente architecto. Eius suscipit, modi sint, inventore quis labore accusamus nam dolores voluptatem sit doloribus eum animi reprehenderit eveniet totam, incidunt ullam.</span>
		<span>Est distinctio, tempore ratione debitis velit error illum atque consequatur voluptatem, quisquam, doloremque esse. Vel, excepturi, neque nihil nulla distinctio mollitia provident ea necessitatibus maxime ab, consequuntur quisquam quidem sapiente.</span>
		<span>Iusto, vel architecto, labore officia illo repellendus officiis molestiae eveniet, unde excepturi delectus mollitia eligendi. Similique doloremque ab laborum ducimus ad sequi. Deserunt, totam ipsum consequatur recusandae at aliquam commodi.</span>
		<span>Vel quasi odit consequuntur aperiam placeat, labore eos nam alias officia, voluptate, ratione in ex non. Animi rem deleniti deserunt autem voluptatem. Praesentium quod sit nihil nisi quis repellat eius?</span>
		<span>Est quam harum accusamus inventore illum dolore sed ut laudantium corrupti fuga dignissimos impedit, dolorem neque modi repudiandae assumenda perspiciatis veritatis natus asperiores! Mollitia obcaecati, culpa architecto voluptates aperiam maxime.</span>
		<span>Ipsa repellat dicta iusto eveniet pariatur reprehenderit repudiandae beatae iste dolore odit recusandae, sequi perferendis accusantium mollitia vero. Repellat modi a beatae unde tempore qui saepe esse cumque laboriosam ut.</span>
		<span>Doloremque rerum, amet, eum possimus cum minima quam odit inventore alias magnam adipisci nihil tempora, enim, animi eligendi optio quos eaque! Consectetur, sequi facere at natus praesentium accusamus. Obcaecati, tenetur.</span>
		<span>Saepe, impedit quis voluptas eius omnis harum blanditiis laborum voluptate! Suscipit sunt recusandae iusto repellendus nulla quas, necessitatibus voluptate assumenda dolores at eveniet incidunt, atque ex quaerat mollitia voluptatum fuga.</span>
		<span>Voluptatem eum, similique adipisci fuga delectus provident ea, tempore vel, qui doloremque laudantium? Eveniet repellat cumque minus, libero laborum reprehenderit, magni delectus, iste eius facilis voluptate ipsum suscipit mollitia totam.</span>
		<span>Ullam quaerat, saepe, porro ut iste doloremque quos error! Distinctio nobis dolores, nihil ratione, mollitia tempora recusandae quas, eaque eveniet porro architecto beatae velit non error culpa modi quo nostrum.</span>
		<span>Perspiciatis laboriosam ullam dolorum, nam ipsam libero magnam, qui. Numquam culpa aut tenetur perspiciatis deserunt qui deleniti corporis aliquam tempora. Illum nostrum reprehenderit placeat aspernatur accusamus similique magni ratione sed.</span>
		<span>Dolorem blanditiis natus facere velit iure voluptatibus ad! Quidem repellendus distinctio illum ullam obcaecati veniam necessitatibus. Magni, optio tempore quisquam explicabo molestias, libero alias officia tempora voluptatibus nisi eligendi deleniti.</span>
		<span>Recusandae harum maxime, doloremque atque magni ad, incidunt sapiente libero, sequi vel aliquid. Perferendis numquam itaque sunt quaerat excepturi perspiciatis temporibus fugit porro qui consequatur, sequi odio quisquam sed quibusdam.</span>
		<span>In, aliquid, ratione. Vitae eaque officia minus, pariatur id voluptatem, maxime cupiditate, maiores, illo placeat veritatis eos fuga reiciendis praesentium sit est aperiam quam saepe nihil sequi consectetur. Porro, ullam!</span>
		<span>Cupiditate, tenetur. Voluptas quos quidem minima corporis, hic eveniet vero cumque eum distinctio nobis. Voluptate voluptatum suscipit, enim aliquam natus doloribus id, nulla illo, vitae illum, nostrum magni veniam officia.</span>
		<span>Culpa dolor, deserunt aperiam cupiditate accusamus rem ea eius nam excepturi quod, facere consectetur. Quis fugiat aspernatur ex, eos, commodi, dignissimos molestias nulla consequatur dolorem laboriosam cumque neque ipsa debitis.</span>
		<span>Non natus voluptate accusamus nesciunt ex, perferendis exercitationem suscipit neque voluptatibus! Inventore, reiciendis vel natus modi suscipit officiis quam deleniti veritatis assumenda rem nulla, quidem nesciunt atque officia eius fuga.</span>
		<span>Nostrum voluptas ullam, ab officia ad. Provident fugiat explicabo, repellat tenetur iusto vero, quaerat enim ratione amet dicta corporis sunt in qui, laboriosam rem sapiente aspernatur, recusandae natus! Magnam, veritatis!</span>
		<span>Quos atque culpa doloribus accusantium reiciendis fugit et eaque totam inventore facilis at sint quidem, earum, repellendus nisi doloremque dignissimos maxime asperiores quisquam. Quasi dolor explicabo dicta velit veritatis enim!</span>
		<span>Illum hic voluptates natus provident reprehenderit assumenda error sed saepe culpa eius doloribus, nostrum minus fuga maiores officia atque perferendis sunt ad beatae corporis esse qui. Amet officia, fuga obcaecati.</span>
		<span>Esse nulla nesciunt laudantium, qui, natus, sit officiis expedita nam tempore incidunt nemo eaque ullam dolores a, asperiores magni impedit quibusdam sapiente fugiat necessitatibus? Quos facilis animi eos ad. Beatae.</span>
		<span>Commodi mollitia labore ex quae ab modi in nihil vitae voluptatibus quod rem porro inventore expedita, nostrum animi quo, officiis doloremque voluptates minima. Facilis incidunt iste quas magnam at error?</span>
		<span>Nobis odio est possimus necessitatibus ullam animi. Maiores molestias possimus, quisquam nemo, atque sint fugit quia rerum vel, illo quod dignissimos iure voluptatum ullam iste libero nihil corporis. Dicta, quaerat!</span>
		<span>Perferendis praesentium commodi excepturi velit est odio iusto voluptate totam debitis ex rerum accusamus eum delectus consequuntur, quibusdam mollitia in ratione laudantium, aperiam dolore tempore voluptas consequatur officia, ipsam natus!</span>
		<span>Magni quod, suscipit aperiam assumenda quas eum accusantium doloremque eligendi nesciunt sapiente optio enim expedita qui molestias. Culpa, veniam. Harum esse quae, sint rem sequi. A ullam doloribus, aliquam quod!</span>
		<span>Optio animi quam maiores temporibus similique fugiat quasi iste suscipit numquam magnam, repellendus aspernatur saepe facere quibusdam corporis nemo. Labore veritatis, natus vel, laudantium eaque ipsa molestiae velit voluptatem iusto.</span>
		<span>Dolorum, voluptate, fugiat adipisci distinctio tempore sequi explicabo nostrum repudiandae dolorem quam unde facilis provident sint hic sapiente a placeat? Laudantium iusto, consectetur eum ullam. Unde ipsum optio nisi soluta!</span>
		<span>Aut deleniti obcaecati asperiores harum sed vitae nostrum ad pariatur nemo suscipit. Aliquid modi facilis, debitis dolor tempora alias vel a nisi blanditiis quod, deleniti rerum dignissimos fugiat voluptates, eius.</span>
		<span>At, earum sint inventore similique repudiandae dolorem sit vitae veniam! Nisi nihil dolorem ratione quisquam eius blanditiis voluptate deleniti pariatur, aliquid, veritatis, mollitia id natus. Porro, ratione excepturi non doloremque?</span>
		<span>Doloribus necessitatibus facere atque debitis, omnis ipsum at vitae consequuntur officia, iusto sunt nostrum asperiores id quod ea vel esse. Nisi deleniti ex, quia veritatis iure id sed labore aperiam?</span>
		<span>Dolore odio quis nobis sed quia sunt magnam repudiandae, doloremque laborum temporibus, consequatur quae optio voluptatum nulla, culpa tempora saepe pariatur reprehenderit veniam provident incidunt voluptas quidem tempore! Cupiditate, consequatur.</span>
		<span>Illum numquam illo aliquam minima aliquid modi reiciendis consectetur, minus molestiae temporibus debitis sapiente non, laudantium blanditiis eligendi. Eius laboriosam molestias fugiat at, soluta, provident cum reprehenderit nesciunt ipsa illum.</span>
		<span>Soluta, alias. Sapiente dolore temporibus totam cum esse at sequi officia ipsum repellat ducimus earum quidem doloremque et minima, praesentium deserunt ex natus magnam, quis neque quibusdam excepturi eum commodi!</span>
		<span>Blanditiis similique mollitia voluptas quam hic sed, inventore magnam vel, quo ad quibusdam culpa, sunt commodi earum. Aliquid facere facilis accusamus non consectetur perferendis quibusdam beatae, dolorem. Amet nemo, dolore!</span>
		<span>Nobis inventore nostrum asperiores atque, nam sequi commodi consequatur error blanditiis soluta expedita placeat quam dolores omnis dolorum, impedit itaque possimus id officia, ab illo labore non. Non, explicabo, a!</span>
		<span>Tenetur hic accusamus fuga dolore eum, numquam facilis, omnis, nisi, a obcaecati itaque amet nesciunt nam! Minima eos, perferendis, officiis, illo atque nihil ipsa animi similique labore est esse officia.</span>
		<span>Nam perspiciatis ad in fuga aspernatur aperiam dicta beatae quam, dolores iure dolore ex, repellat eius quis veniam sed nobis placeat, possimus quisquam quibusdam modi? Numquam sint sequi, commodi enim.</span>
		<span>Ad, sequi dicta ex fugiat. Laboriosam ipsa eos dignissimos, unde libero cupiditate nemo expedita, commodi quasi suscipit ad id eius explicabo officia a non aspernatur rerum illo adipisci facere assumenda.</span>
		<span>A, architecto quis, amet in nemo cupiditate fugiat aperiam? Soluta ducimus suscipit cumque officia praesentium. Aut perferendis eaque ab ipsa tempora sed eos quis ipsam accusantium, illum delectus debitis, aliquam.</span>
		<span>Maiores, labore. Est, necessitatibus quisquam, laboriosam sint nobis aliquam beatae veniam eveniet voluptatem hic sequi. Delectus cum, pariatur inventore numquam beatae quasi, eos rem tempora suscipit modi quas, aliquid. Minima.</span>
		<span>Nobis, tempore. Tempore excepturi assumenda, est provident molestiae iure laborum dolorem aperiam repellat. Temporibus ullam consectetur dignissimos ipsa dolorem quidem molestias quas minima! Laborum dolores laboriosam, fuga sed provident tempore.</span>
		<span>Eaque consequuntur commodi quo labore vero, veniam ipsa culpa sit nihil quis animi, odio dolores voluptatem impedit magnam accusantium. Fugiat voluptatum iure eligendi optio sequi hic porro qui! Perspiciatis, quaerat.</span>
		<span>Sapiente fugit porro distinctio itaque animi eaque deleniti aspernatur, expedita voluptatem minus praesentium officia delectus modi sed non. Quasi accusantium iste cum eaque obcaecati sed illo esse perspiciatis beatae libero?</span>
		<span>Necessitatibus aliquid neque dolor fugiat nobis voluptate soluta, eum cupiditate officia omnis ipsum, dolorum. Deserunt voluptatem ullam fugit numquam, voluptates sed adipisci dignissimos quasi quidem inventore vel exercitationem, et blanditiis!</span>
		<span>Illum quis delectus deserunt possimus vitae quos natus aspernatur. Perspiciatis corporis laboriosam magnam dolorum eos, reprehenderit vel vero odit tempore facilis obcaecati veniam magni numquam recusandae error dolore nemo accusantium!</span>
		<span>Fugiat eaque nostrum veritatis, facere ratione molestiae eos minima, vitae neque suscipit tempore? Architecto quo obcaecati cum dicta quis voluptatem ducimus iure natus odio nulla! Ut doloremque unde ab mollitia.</span>
		<span>Laboriosam, excepturi aliquid nulla veniam. Alias rem vero, doloremque cupiditate ipsam praesentium veniam tempora esse quam, non asperiores officiis, repellat pariatur labore, a quo earum eum perferendis beatae. Vero, amet.</span>
		<span>Laboriosam voluptas necessitatibus non expedita dolorum iusto exercitationem quia ex nostrum? Aperiam, sequi? Suscipit voluptatibus nisi cumque minus. Magnam iste quaerat, esse rem recusandae, dolor mollitia voluptatem a ea numquam.</span>
		<span>Omnis nostrum id illo quis quam facilis, nisi quas consequuntur, cumque neque laboriosam molestiae? Inventore alias beatae minus voluptate, illum ex modi voluptates sit ratione assumenda odit laborum sunt saepe?</span>
		<span>Magnam facere eligendi voluptatibus minus veniam illum iste culpa quaerat natus rerum nostrum, ipsa aperiam pariatur doloremque laborum quos, obcaecati recusandae repellat, beatae numquam deserunt. Tempora molestias ducimus aperiam doloremque.</span>
		<span>Quasi dolor, nulla, aperiam earum maxime ad corporis odit quisquam, laborum commodi excepturi quia sunt adipisci! Hic voluptates laudantium, quidem tempora repellendus accusamus provident recusandae, maxime at necessitatibus sapiente nostrum.</span>
		<span>Quaerat expedita, aspernatur distinctio unde soluta quis cupiditate illum, odio magnam dolorem repellat, minus modi quas cumque a itaque facere officiis aut! Sunt consectetur, necessitatibus. Esse sed, possimus blanditiis quibusdam.</span>
		<span>Consectetur cum vero ipsum quos itaque molestias officiis incidunt iste ipsam autem optio dolore quia minus modi, aliquam iure dolor pariatur hic aspernatur nam quod. Consequuntur officia excepturi iste soluta.</span>
		<span>Ex corporis molestias, enim pariatur iusto quam quaerat ut tenetur accusantium voluptatibus non veritatis reprehenderit quisquam delectus dignissimos eaque sint, unde labore vel totam ad error. Fugiat quasi, aspernatur dolor.</span>
		<span>Ratione minus iste labore expedita maxime illo id rerum nobis nemo excepturi autem, deleniti voluptate velit sed at saepe veniam possimus quia quasi error accusantium sit. Ipsa suscipit adipisci eius.</span>
		<span>Labore tenetur aut veniam quis eligendi debitis omnis. Dolore provident, cupiditate odit fuga, nesciunt saepe tenetur ipsum dolorem exercitationem maxime illo dicta pariatur aut maiores ea, ullam vitae architecto nihil.</span>
		<span>Pariatur laborum voluptatum, nam amet facere molestiae repellendus suscipit sed, odit, corporis vero voluptatem voluptas et. Natus suscipit nisi, modi dolore distinctio ipsum, dolores doloremque dolorum ducimus in ipsa illo.</span>
		<span>Cum consequuntur amet reprehenderit architecto fugit neque vero illo totam unde suscipit necessitatibus delectus est iste, omnis, explicabo asperiores autem porro cupiditate laborum mollitia, quibusdam molestiae. Fuga, dolorem ratione nemo.</span>
		<span>Hic voluptatem, eaque assumenda fugit, fugiat labore, maiores corrupti odit ad, necessitatibus amet! Quia temporibus blanditiis inventore provident facere laboriosam officiis. Id animi perspiciatis eos in nihil porro voluptates ea?</span>
		<span>Dignissimos voluptate laboriosam accusantium, tenetur ducimus atque doloribus harum, officiis, unde similique error et eveniet inventore modi corporis magni mollitia debitis a beatae eos porro asperiores saepe. Doloribus, nam, atque.</span>
		<span>Voluptate qui enim nemo, rem! Dolore corrupti recusandae quod esse non, neque sint nostrum, ratione repellendus ullam, ex consectetur. Tempore sed perspiciatis voluptas veniam earum, eos temporibus vel explicabo unde.</span>
		<span>Quasi excepturi autem, asperiores obcaecati provident velit voluptatem beatae quisquam placeat, perferendis, magni eum incidunt quia quo perspiciatis repellendus dolore aut sit nobis ab nulla ut eligendi tempora ipsa! Esse?</span>
		<span>Nesciunt quas aliquam atque eveniet hic, voluptate enim, exercitationem quis voluptates soluta, molestiae sunt id quam, aliquid facilis! Odit omnis mollitia hic excepturi veritatis consequatur aperiam repudiandae eos natus voluptates!</span>
		<span>Voluptas corporis adipisci fuga voluptatem, perspiciatis, corrupti labore quia facere ratione distinctio consectetur cumque officia eveniet laudantium id ipsa unde quas, atque aut deleniti iste nulla? Assumenda nemo libero laborum.</span>
		<span>Neque vel explicabo perferendis recusandae sapiente atque iure pariatur at rem consequuntur quae illo quaerat itaque eius, sunt cupiditate. Sint possimus ea totam debitis aliquam vitae doloremque perspiciatis reiciendis tenetur.</span>
		<span>Nulla reprehenderit neque voluptates perspiciatis fuga adipisci facere cupiditate, repellendus quos odio id, similique dolore! Officiis recusandae tenetur fuga a vel culpa quasi asperiores, debitis quaerat porro veritatis aliquid autem!</span>
		<span>Eum sit sint aliquid minima perspiciatis eveniet necessitatibus, hic itaque tenetur, eaque optio magni iusto officiis quae vero! Voluptatibus obcaecati voluptatum, quasi eius recusandae optio quo cupiditate illum veniam ullam.</span>
		<span>Qui, quam? Eius illum facilis totam quaerat, officia nihil distinctio, dolorum repellat, unde odio voluptatum. Et cum, ex aliquam quis expedita. Quia labore, et optio molestias deserunt a repellendus totam?</span>
		<span>Molestias recusandae, illo amet nostrum, nulla soluta reprehenderit consequuntur ex officiis minima unde ipsa quibusdam? Commodi laboriosam excepturi, suscipit ullam blanditiis sunt rerum, magnam perspiciatis, dolorum unde vitae odio eveniet.</span>
		<span>Minima necessitatibus magnam illo obcaecati placeat nulla, doloremque assumenda vero iste asperiores omnis consectetur blanditiis eligendi modi, sapiente commodi hic odio ab quidem quibusdam! Corrupti excepturi placeat, maxime esse! Esse.</span>
		<span>Vel odit, dolore dolores nesciunt eos, cum ea quo quibusdam animi tempora voluptas vero ipsa, enim possimus, amet! Mollitia sint adipisci unde, assumenda eum incidunt tempora consequatur accusantium a ipsum.</span></span>
	</div>
	<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
	<script>
		$(document).ready(function() {
			$("#mylement").click(function(event) {
				$("#alert").toggle();
			});
			$("#alert").click(function(event) {
				$("#alert").hide();
			});
		});
	</script>
	<script>

	// 	document.getElementById("mylement").onclick = function  () {
	// 		var el = document.getElementById("alert")
	// 		if(el.style.display != "block")
	// 		{
	// 			el.style.display = "block";
	// 		}
	// 		else
	// 		{
	// 			el.style.display = "none";
	// 		}
	// 	}

	// </script>
</body>
</html>