Lined <textarea>

https://stackoverflow.com/questions/9468153/textarea-with-horizontal-rule/9468502#9468502

HTML

<div class="writebox">
  <div class="writeboxprefix">Comments:</div>
  <div class="writeboxtext" contenteditable="true">
    Lorem ipsum dolor si wdq wd qwdq wqd wqddwqe dwqdwq wdq wqd wdq wqd wqd wqd wdqt
  </div>
</div>

CSS

.writeboxprefix {
  height: 16px;
  float: left;
  background: white;
  font-style: italic;
  padding-right: 6px;
}

.writeboxtext {
  background-attachment: local;
  background-image: repeating-linear-gradient(white, white 15px, black 15px, white 16px, white 19px);
  height: 38px;
  resize: none;
}

.writebox {
  font-family: Arial;
  font-size: 10pt;
  line-height: 19px;
  display: block;
  overflow: hidden;
}