# Provide border line in Code Cell in Jekyll

**URL:** <https://talk.jekyllrb.com/t/provide-border-line-in-code-cell-in-jekyll/2090>\
**Category:** Help\
**Created:** [August 21, 2018, 3:53pm UTC](https://talk.jekyllrb.com/t/provide-border-line-in-code-cell-in-jekyll/2090 "2018-08-21T15:53:16Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![iphton](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/iphton/32/1945_2.png) [@iphton](https://talk.jekyllrb.com/u/iphton)\
**Post date:** [August 21, 2018, 3:53pm UTC](https://talk.jekyllrb.com/t/provide-border-line-in-code-cell-in-jekyll/2090/1 "2018-08-21T15:53:16Z")

</div>

Hello everyone,

Following is mine the current form of code cell in jekyll , and I like to provide a thin border around it.

 ![jekyll](https://canada1.discourse-cdn.com/flex030/uploads/jekyllrb/original/2X/f/ffb925b933d5ddafba072ca438728742df2e0f44.png)

Here is the portion from my `_config.yml` file

```auto
kramdown:
  # Use GitHub flavored markdown, including triple backtick fenced code blocks
  input: GFM
  auto_ids: true
  # Jekyll 3 and GitHub Pages now only support rouge for syntax highlighting
  syntax_highlighter: rouge 
  syntax_highlighter_opts:
    css_class: 'highlight'
sass:
  style: :expanded # You might prefer to minify using :compressed

```

and here is the [style.scss](https://github.com/iphton/iphton.github.io/blob/master/style.scss).

Any suggestion will be highly appreciated.

---

<div class="post-metadata">

**Author:** ![rdyar](https://yyz2.discourse-cdn.com/flex030/user_avatar/talk.jekyllrb.com/rdyar/32/710_2.png) [@rdyar](https://talk.jekyllrb.com/u/rdyar)\
**Post date:** [August 21, 2018, 4:15pm UTC](https://talk.jekyllrb.com/t/provide-border-line-in-code-cell-in-jekyll/2090/2 "2018-08-21T16:15:31Z")

</div>

have you played with it in Chrome’s Inspector? right click on it, Inspect, and if you are lucking it will be right on the element that you right clicked on and you can play around with the style to get what you want, then find where that goes in your css and add the same thing.

I think the code block is a `<pre>` ? if so, on that element you could do something like `border: 1px solid black;`