Style inline images

index.html

@@ -89,6 +89,10 @@ <h2>Table of Contents</h2>
 <div id="outline-container-orgheadline118" class="outline-2">
 <h2 id="orgheadline118"><span class="section-number-2">1</span> JapanTrip</h2>
 <div class="outline-text-2" id="text-1">
+<div class="figure">
+<p><a href="https://dl.dropboxusercontent.com/u/8178/4.jpg"><img src="https://dl.dropboxusercontent.com/u/8178/4.jpg" alt="4.jpg" /></a> 
+</p>
+</div>
 </div>
 <div id="outline-container-orgheadline9" class="outline-3">
 <h3 id="orgheadline9"><span class="section-number-3">1.1</span> Itinerary</h3>

src/styles/image.css

@@ -0,0 +1,13 @@
+/*
+ ==============================================================================
+ Images
+ ==============================================================================
+*/
+
+.figure a {
+  background: none !important;
+}
+
+img {
+  width: 100%;
+}

src/styles/index.css

@@ -23,6 +23,7 @@
 @import './selection';
 @import './strike.css';
 @import './table.css';
+@import './image.css';
 
 /* Custom */
 @import './container.css';