Sign in to follow this  
Followers 0
silversquid

How to place figure caption right below a figure?

3 posts in this topic

I want to display the time period 1887-1920 right below the image.

<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<title>Tribute Page</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<div class="container-fluid">
	<div class="well">
	<div class="main">
		<h1 class="text-primary">Srinivas Ramanujan</h1>
		<h3 id="subhead">The man who knew infinity</h3>
		
		<figure>
		<img class="img-responsive img-rounded img-thumbnail" src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Srinivasa_Ramanujan_-_OPC_-_1.jpg" alt="Srinivas Ramanujan" width="22%" height="28%">
		<figcaption>1887-1920</figcaption>
		</figure>
		
		<p id="para1"> 
		<h3 class="head2">Why he is famous?</h3>
		<ul>
			<li>He is recognised as one of the greatest mathematicians of his time, but had almost no formal training in math.</li>
			<li>His infinite series for pi was one of his most celebrated findings.</li>
			<li>He was the second Indian to be inducted as a Fellow of the Royal Society.</li>
			<li>He compiled 3,900 results (mostly identities and equations), before he lost his life at the age of 32. </li>
			<li> A follower of his family goddess Mahalakshmi, Ramanujan credited her for his abilities.</li>
			<li>His house in Kumbakonam is now maintained as the Srinivasa Ramanujan International Monument.</li>
			<li>There is also a museum dedicated to telling Ramanujan’s life story.</li>
		</ul>
		
		<h3 class="head2">Life of S. Ramanujan-</h3></p>
		
		<p id="para2">
		Born in South India, Ramanujan was a promising student, winning academic prizes in high school.
 But at age 16 his life took a decisive turn after he obtained a book titled A Synopsis of Elementary Results in Pure and Applied Mathematics. 
The book was simply a compilation of thousands of mathematical results, most set down with little or no indication of proof. 
It was in no sense a mathematical classic; rather, it was written as an aid to coaching English mathematics students
 facing the notoriously difficult Tripos examination, which involved a great deal of wholesale memorization.
 But in Ramanujan it inspired a burst of feverish mathematical activity, as he worked through the book's results and beyond.
 Unfortunately, his total immersion in mathematics was disastrous for Ramanujan's academic career: ignoring all his other subjects, 
he repeatedly failed his college exams.As a college dropout from a poor family, Ramanujan's position was precarious. 
He lived off the charity of friends, filling notebooks with mathematical discoveries and seeking patrons to support his work.
 Finally he met with modest success when the Indian mathematician Ramachandra Rao provided him with first a modest subsidy, 
and later a clerkship at the Madras Port Trust. During this period Ramanujan had his first paper published, 
a 17-page work on Bernoulli numbers that appeared in 1911 in the Journal of the Indian Mathematical Society. 
Still no one was quite sure if Ramanujan was a real genius or a crank. With the encouragement of friends, 
he wrote to mathematicians in Cambridge seeking validation of his work. Twice he wrote with no response; on the third try,
 he found Hardy.<br>Hardy wrote enthusiastically back to Ramanujan, and Hardy's stamp of approval improved
 Ramanujan's status almost immediately. Ramanujan was named a research scholar at the University of Madras, 
receiving double his clerk's salary and required only to submit quarterly reports on his work. 
But Hardy was determined that Ramanujan be brought to England. Ramanujan's mother resisted at first--high-caste
 Indians shunned travel to foreign lands--but finally gave in, ostensibly after a vision. In March 1914, Ramanujan boarded a steamer for England.
		Ramanujan's arrival at Cambridge was the beginning of a very successful five-year collaboration with Hardy. 
In some ways the two made an odd pair: Hardy was a great exponent of rigor in analysis, while Ramanujan's results were
 (as Hardy put it) <em>"arrived at by a process of mingled argument, intuition, and induction, of which he was entirely 
unable to give any coherent account".</em> Hardy did his best to fill in the gaps in Ramanujan's education without discouraging him.
 He was amazed by Ramanujan's uncanny formal intuition in manipulating infinite series, continued fractions, and the like.
		<br><br>
		</p>
		<br>
		
		<blockquote>
			I have never met his equal, and can compare him only with Euler or Jacobi." <br>
		    <span>-Hardy</span>
		</blockquote>
		
		<p id="foot">Read more about <em>S. Ramanujan:</em> 	
			<a href="https://www.usna.edu/Users/math/meh/ramanujan.html" target="_blank">
<button title="Opens in new tab" type="submit" class="btn btn-primary">Here</button></a>
		</p>
		</div>

		<footer> © writer 2017</footer>
	
	</div>
</div>

</body>
</html>

CSS:-

body{
	line-height: 200%;
}
.well{
	margin:5% 6% 5% 6%;
}

h1{
	text-shadow: 2px 2px 3px;
	text-align: left;
	font-family: Algerian;
}

#subhead{
	text-align: left;
	font-style: italic;
	text-shadow: 0 0 2px;
	font-family: "Comic Sans MS";
	border-bottom: 2px solid gray;
	padding-bottom: 2%;
}

.head2{
	text-shadow: 0 0 1px;
}

figure{
	margin: 2%;
	display: inline;
}

img{
	float: left;
	display: inline;
}

p{
	text-align: justify;
	margin: 0 0 0 5px;
}

ul{
	margin: 0 5% 5% 5%;
	padding-left: 20%;
}

li{
	margin-left: 9%;
}

blockquote{
	margin-left: 20%;

}

span{
	margin-left: 70%;
}

#foot{
	margin: 10% 0 1% 75%;
}

footer{
	margin:3% 0 0 40%;
}

.main{
	border-bottom: 2px solid gray;
}


Edited by silversquid

Share this post


Link to post
Share on other sites


<!DOCTYPE html>

<html>

<body>

 

<h1>JavaScript ISO Dates</h1>

 

<p id="demo"></p>

 

<script>

document.getElementById("demo").innerHTML =

new Date("2015-03-25");

</script>

 

</body>

</html>

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0