Creating a single border around every h2 link, paragraph,and anchor link

#1

I am trying to have every of my anchor that has h2,paragraph,anchor inside one border on the page. I have no idea how to do this as I am creating my wordpress theme and styling for it from start and have no html file written by myself as we just imported the xml file provided with into the wordpress. Any help will be huge. Thanks in advance.

I have this for now:

06%20AM

And I want the border this way:

screenshot-mobile-home

#2

You need to wrap them in a div, and then give the div a class to target it for the border.

#3

Ok, how shall I wrap them in a div? Is it possible to do editing in wordpress to have them in div?

#4

It pulls the data from the posts, correct? This is where looking at existing themes is beneficial.

#5

Yup, I got it :slight_smile:
Thank You

#6

I need help with the anchor link styling. I am trying to apply absolute position on the links and want to display them inline with css border right applied as well. I am not able to get the space in the links. I am tried padding and margin but still stuck.
It should look like this:
screenshot-desktop-home

So far the css code for this I have is:

 .post-categories li {
		display: inline;
		border-right: 1px solid #ff8080;
		position: absolute;
		right: 0;
		top: 0;	
	}

	.post-categories li a {
		padding-right: 5px;
		margin-right: 35px;
	}

	.post-categories li:last-child {
		border: none;
	}

And It looks like this:

46%20PM
56%20PM