I want to insert a horizontal line to separate the photo section from the text section on my website.
Check out my website:
Here's the jsfiddle where I've got it working:
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.moveTo(0,0);
ctx.lineTo(980,0);
ctx.stroke();
</script>
I placed that in the head. This is the html code:
<!-- CONTENT____________________________________________-->
<div class="content_wrapper">
<!-- Photo __________________________________________-->
<div class="home_photo">
</div>
<canvas id="myCanvas" width="980" height="100" style="border:0px solid #d3d3d3;"></canvas>
<!-- About___________________________________________________-->
<div class="home_text">
<p>Emma Carmichael is a writer and editor based in Brooklyn, NY, although she hails from Brattleboro, VT. Emma graduated from Vassar College in 2010 with a degree in Urban Studies; ETC...
</p>
</div>
</div>
The spacing between elements shows that something is happening. Any suggestions?
Appreciate your help!